‘HTML5 struktúra példa’ címkét tartalmazó cikkek
A következőkben vizsgáljuk meg egy picit tüzetesebben a HTML5 új strukturális felépítését. Az alábbi kép jól demonstrálja, hogy mi is változott valójában.
HTML4 & HTML5
Elmondható, hogy a HTML5 egy letisztultabb, talán egyszerűbb struktúrát hoz magával. Nézzük az egyes elemeket, hogy is működnek:
<header> – Címsor/fejléc elem. Általában a szakasz címsorát (h1-h6 vagy hgroup) helyezik itt el.
<nav> – Itt kapnak helyet az oldal fontosabb navigációs (más helyekre mutató) elemei
<article> – A „cikk” elem, ahogy a nevéből is következik, egy önálló tartalommal rendelkező rész.
<section> – Ez képviseli a tartalom egyes fejezeteit.
<aside> – Egy olyan oldalsávot („dobozt”) jelöl, amely a tartalomhoz nem feltétlenül kapcsolódik, de annak mégis szerves része.
<footer> – Lábléc, jellemzően kapcsolati adatokat, vagy az adott szakaszhoz tartozó információkat jelenít meg.
Nézzük meg az új struktúrát a gyakorlatban, egy egyszerű példa segítségével: Tovább olvasom »