Les balises structurantes du HTML5
Les nouvelles balises structurelles du HTML5 intègrent les habitudes des web développeurs.
La balise <header>
Cet élément contient des informations présentant une section ou la page en cours. Cela peut correspondre à beaucoup de choses qui vont des habituels en-têtes (contenant logo, slogan, etc.), à la table des matières.
La balise <nav>
L'élément <nav> est réservé à une section d'un document contenant des liens vers d'autres pages ou des liens vers d'autres sections de la même page. Rien n'oblige à placer tous les groupes de liens dans un élément <nav>, mais au moins la navigation principale.
<a href="accueil.html"><li class="items" id="logo"></li> </a>
<li class="items active"><a href="#"><i class="fa fa-home" aria-hidden="true"></i>Accueil</a></li>
<li class="items"><a href="#"><i class="fa fa-plus-circle" aria-hidden="true"></i>Produits</a></li>
<li class="items"><a href="#"><i class="fa fa-user-circle" aria-hidden="true"></i>Connection</a></li>
<li class="items"><a href="#"><i class="fa fa-paper-plane" aria-hidden="true"></i>Contact</a></li>
La balise <section>
La balise <section> correspond à une section générique à l'intérieur d'un document ou d'une application. Elle correspond en partie à la balise <div> en distinguant plusieurs parties du document. Une section commence généralement avec un titre.
<section>
<h1>Titre</h1>
<p>Du contenu sur un thème pour ce titre</p>
</section>
La balise <article>
L'élément <article> représente une partie d'une page qui se suffit à elle-même, telle qu'un billet sur un blog, un message sur un forum, un commentaire laissé par un visiteur, ou n'importe quel objet de contenu indépendant.
Ce contenu est prévu pour être distribué ou réutilisé indépendamment (par exemple dans un flux de syndication).
La balise <aside>
<aside> représente un contenu lié à la zone principale du document. Il correspond à ce qui se trouve généralement dans les barres latérales contenant les billets similaires, les nuages de tags, etc. Il peut également être utilisé pour les citations en exergue.
La balise <footer>
L'élément <footer> sert à baliser la zone de pied de page du document, mais peut aussi être utilisé pour la zone de fin de n'importe quelle section. Vous utiliserez très probablement plusieurs éléments <footer> dans une même page.