Nouveaux éléments sémantiques en HTML5

HTML5 offre de nouveaux éléments pour une meilleure structure de documents . 

<aricle>    : définit un aricle sur le document

<aside>     :  Définit le contenu en dehors du contenu de la page       ,il est placé généralement sur le côté

<bdi>       : Définit une partie de texte pouvant être formatée dans une direction différente de celle d'un autre texte.

<details>   : Définit des détails supplémentaires que l'utilisateur peut afficher ou masquer

<dialog>    : Définit une boîte de dialogue ou une fenêtre.

<figcaption>  : Définit une légende pour un élément <figure>

<figure>       : Définit un contenu autonome, comme des illustrations, des diagrammes, des photos, des listes de codes, etc.

<footer>              : Définit un pied de page pour le document ou une section 

<header>     :Définit un en-tête pour le document ou une  section 

<main>    : Définit le contenu principal d'un document 

<mark>    : Définit le texte marqué ou mis en surbrillance 

<menuitem> : Définit un élément de commande / menu que l'utilisateur peut invoquer dans un menu contextuel 

<meter>       : Définit une mesure scalaire dans une plage connue (une jauge) 

<nav>           : Définit les liens de navigation dans le document 

<progress>     : Définit l'avancement d'une tâche

<rp>              : Définit ce qu'il faut afficher dans les navigateurs qui ne prennent pas en charge les annotations ruby.

<ruby>           : Définit une annotation ruby (pour la typographie de l'Asie de l'Est)

<section>         : Définit une section dans le document

<summary>       : Définit un en-tête visible pour un élément <details>

<time>               : Définit une date / heure

<wbr>                 : Définit un saut de ligne possible