Elemente semantice în HTML5: article, aside, details, figcaption, figure,footer,table, form, header, main, mark, nav, section, summary, time.

Elemente semantice în HTML5

Semantica se referă la studiul sensurilor cuvintelor și frazelor dintr-o limbă.
Elemente semantice = elemente cu semnificație.

Ce sunt elementele semantice?

Un element semantic descrie clar sensul său atât pentru browser cât și pentru dezvoltator.
Exemple de elemente non-semantice: <div> și <span> - Nu spune nimic despre conținutul său.
Exemple de elemente semantice: <form>, <tabel> și <article> - definește clar conținutul său.

Asistență browser (Browser Support)



Elementele semantice HTML5 sunt acceptate în toate browserele moderne.

În plus, puteți „învăța” browserele mai vechi cum să gestioneze „elemente necunoscute”.

Elemente semantice noi în HTML5

Multe site-uri web conțin cod HTML precum: <div id = "nav"> <div class = "header"> <div id = "footer">
pentru a indica navigarea, antetul și subsolul (navigation, header, and footer).

Pentru a definii diferite părți ale unei pagini web, HTML5 oferă elemente semantice noi:
  • <article>
  • <aside>
  • <details>
  • <figcaption>
  • <figure>
  • <footer>
  • <header>
  • <main>
  • <mark>
  • <nav>
  • <section>
  • <summary>
  • <time>