Cele mai multe site-uri au aceeași structură de bloc și, cel mai adesea, aceste blocuri au nume comune de clasă sau ID-uri. De obicei, site-ul este un antet, navigație (nav), conținut, bara de site (bara laterală, bara stângă, dreapta) și subsolul.
În HTML5, au apărut atribute care fac posibilă specificarea mai precisă a ceea ce este. Atributele rolului atribuie roluri blocurilor, indicând importanța și scopul acestora. Puteți vedea specificația ARIA Role - WIA-ARIA. Voi da rolurile cele mai relevante (probabil că voi reîncărca cu timpul).
În mod logic, acest rol este atribuit antetului site-ului (antet). În acest bloc, logo-ul și numele site-ului sunt localizate în mod tradițional, pot fi incluse căutarea și numele paginii principale. rol = "banner" ar trebui să fie într-o singură instanță a paginii.
Specifică zona de căutare din pagină. De obicei, aceasta este forma folosită pentru a trimite interogări de căutare.
navigație
Un set de elemente de navigare (de obicei link-uri) pentru navigarea pe un document sau documente conexe.
contentinfo
Se aplică, de obicei, la subsol (subsolul). De asemenea, acest rol poate fi indicat pe pagină o singură dată.
complementar
O parte importantă a conținutului, dar nu cea principală. De obicei, acestea sunt blocuri de informații diferite (vreme, listă scurtă de știri, galerie mini-foto, etc.). Cel mai adesea aparține zonei paginii, numită bara laterală (stânga, dreapta).
Într-o formă simplificată, html-markup poate arăta astfel:
Desigur, există și alte roluri, dacă sunt interesate - fumează specificația 🙂
În acest bloc, butoanele pentru clic în cazul în care postul a fost util :)
Da, există. Numai mi-e frica sa folosesc cat de mult H1 pe o singura pagina, pentru ca Nu sunt sigur că motoarele de căutare vor înțelege pe deplin acest tip de marcare. Dacă cineva are informații cu privire la această chestiune - voi fi foarte recunoscător pentru referință.
Timp de un an și jumătate pe unul dintre site-uri folosesc această structură:
Un total de 20 h1 pe pagină.
PS nu a avut nicio plângere împotriva mea. Totul în index și totul este bine =)
Trimiteți-le prietenilor: