Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

L'essentiel du HTML5

Définir les en-têtes, les pieds de page et les compléments

Testez gratuitement nos 1338 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Les balises <header> et <footer> sont utilisées à la racine du document pour introduire et conclure son contenu. Hormis quelques restrictions, il est possible de les employer également au sein de toutes balises structurelles.
02:29

Transcription

Comme nous voyons, dans cette structure de page ici, deux blocs, qui sont le bloc" header", et le bloc "footer" ici, qui vont nous permettre de découper, d'une part structurellement dans un niveau autonome, à la racine du document ici, de l'information; mais aussi d'un point de vue sémantique, de pouvoir définir qu'il s'agit de l'entête et du pied de page du document, comme les mots "header" et" footer" peuvent l'indiquer. Ce qu'il faut prendre en considération, c'est que si on regarde ici, d'un point de vue des blocs classiques, on a le bloc "main" qui va donner un peu à la racine le contenu principal de la page. On va pouvoir avoir, de la même manière, un "header", un en-tête donc, et un "footer", qui vont pouvoir venir encadrer ce contenu principal, pour pouvoir donner de l'information, propre à la page, propre au contenu. Maintenant, si on rentre structurellement à l'intérieur du "main", on pourrait aussi bien avoir une partie d'article qui serait l'article principal, le contenu autonome on va dire, de ce contenu principal, qui pourrait être complété par un "aside", des informations complémentaires et là, ce qu'on pourrait continuer à découper, si je continue à descendre dans l'arborescence, on pourrait avoir des sections qui vont être... là je n'en ai représenté qu'une, mais on pourrait très bien en imaginer plusieurs, qui peuvent venir découper l'article en différentes sections. Et là où il est important de comprendre, c'est que la balise "header" va pouvoir être utilisée également à l'intérieur du "main", pour donner un peu un contenu informatif d'approche sur le "main". Mais on peut en avoir une, aussi, au niveau de l'article, pour pouvoir donner un contenu de présentation, au niveau de l'article. De même, on peut avoir un "footer". Ce qu'il est important de bien comprendre est aussi de regarder au niveau du W3C de la déclaration des balises, c'est qu'à l'intérieur des balises "footer" comme des balises "header", on va pouvoir placer du "flow content", donc on peut placer tout type de balise HTML. Mais, regardez bien, attention, ici une balise "header" ne peut pas faire partie d'un "footer", ni d'un "header", ni de la balise "address", ici. Et pareillement, pour le "footer", on ne peut pas le placer dans le "header", le "footer" et "address". Ce qui équivaut à dire qu'à l'intérieur du footer ici, on ne peut avoir ni "header" ni "footer", et à l'intérieur du "header" ici, pareil, on ne peut avoir ni "header" ni "footer". Pensez que chaque fois que vous allez structurellement découper l'information dans tout type de balise HTML hormis les "header" et "footer", vous allez pouvoir utilisez ces balises là justement, "header" et "footer", pour pouvoir présenter, ou conclure, le contenu de la balise en question.

L'essentiel du HTML5

Préparez la structure de vos sites web de manière évolutive, sémantique, et accessible à tous avec le HTML5. Abordez la gestion du texte, les balises et les attributs, etc.

5h13 (63 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :29 juin 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !