HTML5 az új címkék fejléc, lábléc, nav, félre, szakasz, cikk, hgroup, fő
Ma beszéljünk az új címkék HTML5. Már a kezdet kezdetén, nézd meg a legtöbb globális: szakasz, cikk, fejléc, lábléc, nav, félre, és hgroup.
Mint már korábban említettük, HTML5 sokkal szemantikailag helyes szabvány. Egyedi jellemzői a weboldal neve, végül ezek szabványosított nevek, úgyhogy a jövőben nincsenek zavart: header - a felső része a helyszínen, lábléc - alsó, nav - navigációs egység, stb Tény, hogy szükségtelenné, hogy egy semleges DIV tag hivatkozni ezekre a részek az oldalon.
Tudod, például egy tipikus bejegyzés:
átírt új módon:
És a CSS stíluslap fájlt, illetve felírni egy szabályrendszer közvetlenül a fejléc tag.
Van azonban egy bökkenő. Az a tény, hogy a böngészők többsége még mindig nem tudom, mik ezek az új címkék tömb elemei, és megvizsgálja, hogy a string azonos link címke vagy képek , például. Ezért egy CSS stíluslap fájlt az ilyen címkék kell kényszeríteni, hogy regisztrálni blokk karakter:
fejléc, lábléc, nav, cikk
Oké! Ha a szemantika a címkék fejléc, lábléc többé-kevésbé világos, a többi tag érdemes megvizsgálni közelebbről.
nav - létrehozásához használt a navigációs sáv. Az oldalon ezen elemek is több. Például egy blokk linkek a főoldalon a helyszínen, és a navigációs sáv a fejezetek.
szakasz - össze is tag. Sőt, lehet eljárni különböző szerepeket: vagy osztani az oldalt több tematikus területeket (például elkülöníteni, és így izolálja a fejléc és a lábléc központi része a tartalom és az oldalsáv), vagy külön szakaszokra bontva (azaz bekezdések) közvetlenül a cikket oldalra .
cikket - használt oldal elrendezést az egyes cikkeket.
Mind a tag részt, és a cikk néhány érdekes funkciók. Például, akkor most nyugodtan használja a H1 fejrésze az első szinten ugyanazon az oldalon többször is, amit korábban elfogadhatatlan. Továbbá a címke rész lehet egy szülő a cikk, és a cikk osztani a cikk maga több szakaszból áll. Ie elég lehet ez a kialakítás:
hgroup - a címke célja csoport oldalcímekre egyetlen logikai egységet. Például a főcím az egész oldal H1 és leírás hozzá, díszített tag H3. Az oldal a jövőben többször is használható H3 címkéket más célokra. Logikailag elkülönítse az oldal, a másik tag H3, akkor kombinálni a fő H1 tag a csoportban, amely jelzi a címke hgroup:
Itt egy leírás a helyszínen
fő - az elsődleges a dokumentum tartalmára, vagy más módon - a fő tartalomra. A különbség a címkét a jó öreg test, a test tartalmazza az összes tartalmát az oldal, míg a fő - fő, hogy egyedülálló.
Layout helyszínen korábban használjuk, hogy elválasszuk a készüléket a fő tartalma div tag típusú azonosítót vagy a fő tartalomra. HTML5 Úgy látszik, az alkotók úgy döntöttek, hogy támogatják az ügyet, és jön egy ilyen új tag fő. Tekintettel arra, hogy ez csak egyéni tartalommal, ez nem tartalmaz semmilyen cap hellyel vagy az oldalsávon (ek) vagy a pincében, vagy egyáltalán ismételni az oldalon. Azt mondják - az egyedi, így egyedi!
fő tag nem strukturális tag, és nem befolyásolja az elrendezés az oldalt. Ugyancsak nem lehet része más szerkezeti tag: a cikk, félre, lábléc, fejléc, vagy nav mert annak egyediségét. És csakúgy, mint a többi új tag, nem érzékeli a böngészők blokként elem, így az ingatlan kell megkérni, erőszakkal a CSS fájlban:
Egy példa a címke fő:
Main, egyedi oldal tartalmának az oldalon.
Tag fő fogant mindenféle programok képernyőolvasókkal gyenge látás is tudja, hogy a honlap oldalon a fő tartalomra.
A fő kulcsszó az egyediség azt jelenti, hogy használja a honlap is elég nehéz. Nos, elképzelni egy weboldal, ahol minden oldal ki akar választani egy egyedi darab. Bemutatta? Személy szerint én is csak egy egyszerű névjegy oldalon a 5-6 oldalt, ahol a tartalom az egyes oldalak egyedi és nem ismétlődik meg máshol az oldalon.
De vegyük például, minden blog WordPress. Hogyan lehet azonosítani az egyedi tartalmat, ha a főoldalon bejelentései cikkek is expozíció az archívumban? Milyen egyediség! Az, hogy a statikus oldalak az „About” típusú, vagy a „Kapcsolatfelvétel”.
Tehát nem minden megjelenő új HTML5 valóban hasznos, és nem szükséges, hogy azonnal alkalmazni könnyedén.