A GPU (Graphics Processing Unit) felel a képi megjelenítésért és a párhuzamos számításokért. A videókártya a számítógép egyik legfontosabb alkatrésze, amely a képi információkat feldolgozza és a monitorra küldi.
HTML5 Szemantikus Elemek és CSS Layout Technikák
Ez az oldal bemutatja a HTML5 szemantikus elemek és modern CSS layout eszközök használatát:
HTML5 szemantikus elemek:
- <section> - Tartalmi szakaszok elkülönítése (RTX 5090 bemutató)
- <article> - Önálló, független tartalmi egység (GPU specifikációk az RTX 5090-nél)
- <figure> - Kép és kapcsolódó tartalom összefogása (RTX 5090 kép)
- <figcaption> - Képaláírás a figure elemhez (termék neve és rövid leírás)
- <dl>, <dt>, <dd> - Description list: kulcs-érték párok megjelenítése (GPU specifikációk)
- <del> - Törölt/eltávolított szöveg jelölése (régi ár áthúzva)
- <ins> - Beszúrt/hozzáadott szöveg jelölése (új ár aláhúzva)
- <blockquote> - Hosszabb idézetek jelölése (ügyvezető igazgató idézete)
- <cite> - Hivatkozás vagy forrás megjelölése (idézet forrása CES 2025 Keynote)
- <main> - Fő tartalmi terület
A <figure> és <figcaption> elemek az RTX 5090 termékképénél mutatják be a szemantikus képkezelést. Az <article> elem az önálló termékleírást foglalja össze, míg a <section> az egész bemutató szakaszt jelöli.
A description list (<dl>) elemek kiválóak kulcs-érték párok szemantikus megjelenítésére. Az RTX 5090 specifikációinál a <dt> (description term) jelöli a tulajdonságot (pl. "Architektúra"), míg a <dd> (description details) az értéket (pl. "Blackwell").
A <del> és <ins> elemek árváltozások és dokumentum módosítások jelölésére szolgálnak. A <del> elem áthúzott szöveget jelenít meg (törölt/régi tartalom), míg az <ins> elem aláhúzott szöveget (új/hozzáadott tartalom). Az RTX 5090 áránál látható a megjelenéskori és jelenlegi ár közötti változás.
A <blockquote> szemantikus elem hosszabb idézetek jelölésére szolgál, és együtt használható a <cite> elemmel a forrás megadásához. Ezen az oldalon Jensen Huang, az NVIDIA ügyvezető igazgatójának idézetét láthatod blockquote formátumban az RTX 5090 bemutatásánál.
Megjegyzés: A Schema.org termék microdata (itemscope, itemtype, itemprop) részletes bemutatója és példája a háttértár oldalon található a Samsung 9100 Pro termékénél.
CSS Layout technikák:
- CSS Grid - Két dimenziós elrendezés (pl. GPU showcase kép és leírás)
- Flexbox - Egydimenziós elrendezés (pl. két oszlopos kártyák, idézet fejléc)
- Responsive design - Media query-k a mobil nézethez
- CSS Variables - Színek és méretek újrafelhasználható változókban
- Border-radius: 50% - Kerek profilkép létrehozása (CEO portré)
A Grid kiváló többoszlopos, komplex layoutokhoz, míg a Flexbox egyszerűbb, egyirányú elrendezésekhez ideális.