Tartalomterületek
Most, hogy belevágtál a programozásba, jól jönne egy olcsó webtárhely? A SzerverPlex kedvező árú cPanel tárhelyeit most 5% kedvezménnyel igénybeveheted, és ezzel az info9 fennmaradását is támogatod.
Kattints a gombra, majd a csomag kiválasztása után aktiváld az INFO9 kuponkódot a fizetés előtt.
Szerzek webtárhelyet!Mielőtt megkezdenénk az oldalunk tartalmának kitöltését, érdemes kialakítani az oldal szerkezetét. Kialakítani a címterületet, a navigációt, a láblécet, és társait. Szerencsére a HTML jelenlegi verziójában már számtalan lehetőségünk van arra, hogy ehhez beszédesebb nevű HTML elemeket használjunk. Az oldal kialakításához az alábbi elemek használatát javasoljuk:
- header: az oldal fejléc része
- nav: az oldal navigációs területe
- main: az oldal fő tartalmi területe
- section: az oldal egyes szakaszait jelöli
- article: az oldal önállóan is értelmezhető tartalmi elemei, pl. blogbejegyzések, fórumüzenetek, stb.
- aside: az oldal tartalmához gyengéden kapcsolódó megjegyzés, mellékes információ
- footer: az oldal lábléce
Természetesen nem szükséges ezek közül mindegyiket használnunk, azonban segíthetnek az oldalunk ala szerkezetének a kialakításához. A header részből készíthetünk egy címterületet, majd a nav lehet például egy vízszintes navigációs sáv. Egy blog listaoldalain az article elemeket használhatjuk az egyes bejegyzések címének és bevezetőinek összefogására, majd a footer-ből kialakíthatunk egy szokásos láblécet.
A HTML rendelkezik persze ennél általánosabb célú dobozokkal is, amiket bármire használhatunk. Ezeket gyakran használjuk a megfelelő elrendezés kialakításához, elemek csoportosításához, vagy akármire. Ezekről később, a Dobozok szekcióban olvashatsz.