Astăzi vom vorbi despre etichete noi în HTML5. Și mai întâi, să examinăm cele mai globale: secțiune, articol, antet, subsol, navigație, și grup.
După cum sa menționat mai devreme, HTML5 este în multe privințe un standard mai corect semantic. Caracteristicile individuale ale site-ului numit, în cele din urmă, numele lor standardizate, astfel încât, în viitor, nu există nici o confuzie: antet - partea de sus a site-ului, subsol - de jos, nav - unitate de navigație, etc. De fapt, acest lucru elimină necesitatea de a utiliza o etichetă DIV neutră pentru a se referi la aceste părți ale site-ului.
Puteți, de exemplu, să aveți o intrare tipică:
rescris într-un mod nou:
Și în foaia de stil CSS, în consecință, scrieți un set de reguli direct pentru eticheta antetului.
Cu toate acestea, există o ofertă în acest sens. Faptul este că majoritatea browserelor nu știu încă că aceste etichete noi sunt elemente de bloc și le consideră a fi șir, ca și aceleași etichete de legătură sau imagini , de exemplu. Prin urmare, în foaia de stil CSS pentru astfel de etichete, trebuie să prescrieți forțat caracterul lor bloc:
antet, subsol, nav, articol
Bine! Dacă semantica antetului este antetul, subsolul este mai mult și mai puțin clar, iar etichetele rămase trebuie luate în considerare mai atent.
nav - servește pentru crearea barei de navigare. Pot exista mai multe pe pagina acestor elemente. De exemplu, un bloc de linkuri către paginile principale ale site-ului și un bloc de navigare pentru titluri.
secțiunea este, de asemenea, un tag unificator. Mai mult decât atât, se poate acționa în diferite roluri: fie pentru a împărți pagina în mai multe domenii tematice (de exemplu, pentru a izola și astfel izola de antet și subsol partea centrală a conținutului și bara laterală), sau împărțit în secțiuni separate (adică punctele) direct la pagina de articol .
articol - servește pentru împărțirea paginii în articole separate.
Atât etichetele secțiunii, cât și articolele au o serie de caracteristici interesante. De exemplu, acum puteți folosi în siguranță antetul de la primul nivel al H1 pe o singură pagină de mai multe ori, ceea ce a fost anterior inacceptabil. În plus, eticheta secțiunii poate fi fie un element părinte pentru articol, fie separarea articolului în sine în mai multe secțiuni. Ie acest design este destul de posibil:
hgroup - eticheta este creată pentru a grupa anteturile de pagină într-o singură unitate logică. De exemplu, titlul principal al întregii pagini H1 și descrierea pentru aceasta, formatate cu eticheta H3. Pe pagina în viitor, etichetele H3 pot fi utilizate de mai multe ori pentru alte scopuri. Pentru a separa în mod logic descrierea paginii pe celelalte etichete H3, l-am combina cu tag-ul principal H1 din grupul, care este indicat de hgroup tag-ul:
Iată descrierea site-ului în sine
principal - este conținutul principal al documentului, sau altfel - conținutul principal. Diferența dintre această etichetă și vechiul corp bun este că corpul include TOATE conținutul paginii, în timp ce principalul este conținutul principal, unic.
Constructorii de site-uri au folosit eticheta div cu elementul principal de identificare sau conținutul pentru a extrage blocul cu conținutul principal. Aparent creatorii de HTML5 au decis să sprijine această afacere și au venit cu un nou principiu. Datorită faptului că acesta trebuie să conțină numai conținut unic, acest lucru nu include orice site capac sau bara laterală (e) sau subsol, sau orice altceva, la toate repetate pe site-ul. Said - unic, apoi unic!
Eticheta principală nu este o etichetă structurată și nu afectează aspectul paginii. De asemenea, nu poate face parte din alte etichete structurale: articol, deoparte, subsol, antet sau nav datorită unicității sale. Și la fel ca și alte tag-uri noi, nu este perceput de browsere ca un element de bloc, astfel încât această proprietate trebuie să-l întreb în mod forțat în fișierul CSS:
Un exemplu de utilizare a etichetei principale:
Conținutul principal, unic al paginii site-ului.
Eticheta principală a fost concepută pentru tot felul de programe de scripting, astfel încât persoanele care au o vedere slabă să știe că pagina site-ului este conținutul principal.
Din caracterul unic al etichetei principale rezultă că este destul de dificil să o utilizați pe site. Ei bine, imaginați-vă un site în care pe fiecare pagină trebuie să evidențiați o parte unică. Prezentat? Personal, văd doar o carte de vizită site-ul simplu pentru 5-6 pagini, în care conținutul fiecărei pagini este unic și nu se repetă în altă parte a site-ului.
Și ia, de exemplu, orice blog pe WordPress. Cum să evidențiați conținut unic, dacă există anunțuri de articole pe pagina principală, aveți și fragmente în arhivă? Ce unicitate aici! Cu excepția cazului în pagini statice, cum ar fi "Despre site" sau "Contacte".
Deci, nu tot ceea ce apare nou în HTML5 este de fapt util, și nu ar trebui să îl aplicați imediat fără gândire.