Elemente semantice în HTML5. De ce Elemente Semantice?

De ce Elemente Semantice?

Cu HTML4, dezvoltatorii au folosit propriile  id/class names pentru elemente de stil: antet, sus, jos, subsol, meniu, navigare, principal, container, conținut, articol, bară laterală, topnav etc.( header, top, bottom, footer, menu, navigation, main, container, content, article, sidebar, topnav)

Acest lucru a făcut imposibil ca motoarele de căutare să identifice conținutul corect al paginii web.

Cu noile elemente HTML5 (<header> <footer> <nav> <section> <article>), acest lucru va deveni mai ușor.
Conform W3C, un Web semantic: „Permite partajarea și reutilizarea datelor în aplicații, întreprinderi și comunități”.

Elemente semantice în HTML5

Mai jos este o listă alfabetică a noilor elemente semantice din HTML5.
 

Etichetă	Descriere
<article>	Definește un articol
<aside>	Definește conținutul în afara conținutului paginii
<details>	Definește detalii suplimentare pe care utilizatorul le poate vizualiza sau ascunde
<figcaption>	Definește o legendă pentru un element figure
<figure>	Specifică conținut independent, cum ar fi ilustrații, diagrame, fotografii, listări de coduri etc.
<footer>	Definește un subsol pentru un document sau secțiune
<header>	Specifică un antet pentru un document sau secțiune
<main>	Specifică conținutul principal al unui document
<mark>	Definește text marcat / evidențiat
<nav>	Definește legăturile de navigare
<section>	Definește o secțiune dintr-un document
<summary>	Definește un titlu vizibil pentru un element details
<time>	Definește data / ora