Easy-Micro


LANGAGE HTML5
Structure

Élément HTML5 de structure

HTML5 Nouveaux éléments structurels HTML5

Outre ses nombreuses nouvelles balises (voir l'article d'AlsaCréations), HTML5 propose des balises qui vont simplifier la structure du document HTML :
  • header
    L'élément <header> indique le haut de page (début de page).
  • nav
    Indique une section avec beaucoup de liens internes au site.
  • section
    L'élément <section> permet de définir les différentes sections d'un document comme par exemple les chapitres, les en-tête et pied-de-page, ou toute autre section dans un document. Un groupement thématique.
  • article
    Objet de contenu indépendant. Représente souvent un texte.
  • aside
    Représente un contenu lié à la zone principale du document. Permet d'insérer un contenu sans rapport avec la page. Représente ce qui entoure un article.
  • footer
    Indiquer le pied de page de la section concernée. 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.

Structure de document HTML5
Dessin réalisé par Pompage.net

Ces nouvelles balises devraient, à terme, nous permettre de mieux référencer nos site web.

Personnellement, je vous recommande de les utiliser dès aujourd'hui.
L'idée est que plutôt que de créer un <div class="pied-de-page">, autant créer un <footer class="pied-de-page"> directement. Cela ne donne pas plus de travail et si un jour cette balise est correctement lu par tout les navigateurs, on aura gagné du temps.

Pour aller plus loin...



Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Lundi 18 mars 2019 - Semaine 12 - Saint Cyrille de Jérusalem (Demain: Saint Joseph)
Aujourd'hui, c'est l'anniversaire de Luc Besson (1959-60 ans), réalisateur et producteur français, de Xavier Deluc (1958), acteur français et de Laetitia Hallyday (1975). Autre 18 mars: 1314 : supplice de Jacques de Molay, grand maître des Templiers.
Haut de page Easy-Micro