Table des matières:
- Jelly Rancher
- Spécialisée dans
Aquariums de méduses - Ceci est un titre pour la première section
- Ceci est un titre pour la deuxième section
Vidéo: Apprendre l'HTML : Chapitre 13, div & span 2025
Lorsque vous travaillez en HTML5, vous connaissez très bien les balises. Vous placez tout le contenu que vous voulez que vos visiteurs voient, tout ce qui sera affiché dans un navigateur Web, dans le corps de votre page Web, entre les balises d'ouverture et de fermeture.
Dans les tags, vous pouvez toujours utiliser tous les tags des versions précédentes de HTML (avec quelques exceptions notables).
Dans les sections qui suivent, vous découvrez les nouvelles balises HTML5 structurelles les plus importantes que vous pouvez utiliser dans le corps de vos pages Web. HTML5 introduit de nouvelles balises structurelles, également appelées balises sémantiques car elles ajoutent plus de signification au code HTML en identifiant mieux chaque type de contenu qu'elles mettent en forme.
Voici les nouveaux tags structurels introduits en HTML5:
-
- Définit l'en-tête de n'importe quelle section ou page. La balise d'en-tête est l'endroit idéal pour le nom du site.
Voici le code HTML qui constitue l'en-tête de toutes les pages internes de l'exemple du site Jelly Rancher. Remarque: Ce code est légèrement modifié pour la page de couverture afin de prendre en charge l'image plus grande dans l'en-tête.
Jelly Rancher
Spécialisée dans
Aquariums de méduses
-
- Définit les principaux liens de navigation dans une page ou une section. Les liens de navigation principaux sont généralement placés juste après l'en-tête, puis répétés en bas de la page.
Dans la balise, suivez la convention habituelle de mise en forme de notre liste de liens avec une liste non ordonnée, en utilisant la balise
-
pour entourer la liste entière de liens dans les balises, puis en faisant de chaque élément de navigation un élément de liste séparé avec la balise
- .
-
et - Utilisez ces balises pour définir un article ou une section distincte d'une page.
Dans l'exemple site Jelly Rancher, l'élément suivant est la section de contenu principal de la page. Pour cette partie de la page, vous pouvez utiliser la balise ou la balise. Vous pouvez utiliser ces deux balises de manière interchangeable. Ainsi vous pouvez avoir une section avec plusieurs articles dedans. Ou vous pouvez avoir un article qui a plusieurs sections.
De toute façon, assurez-vous que lorsque vous utilisez ces balises, vous définissez des zones de la page qui vont ensemble de manière significative. Dans l'exemple de code qui suit, la balise définit le contenu principal et la balise sépare les sections de l'article:
Ceci est un titre pour la première section
contenu
plus de contenu …
Ceci est un titre pour la deuxième section
contenu
plus de contenu …
-
- Définit le pied de page de n'importe quelle section ou page.Vous pouvez utiliser la balise dans une section ou une balise d'article, mais elle est généralement utilisée tout en bas d'une page. Habituellement, le pied de page contient beaucoup de texte légal.
Vous savez quand vous recevez une de ces offres de carte de crédit par la poste, il y a tout ce petit texte légal? L'idée sémantique derrière l'étiquette est la même. En HTML5, vous pouvez utiliser la petite balise dans le conteneur pied de page pour formater le jargon juridique, tel que les informations de copyright, ce qui permet de l'afficher en petit texte sans en diminuer l'importance sémantiquement.
Vous pouvez utiliser toutes les balises de la liste précédente plusieurs fois dans un document. Par exemple, vous pouvez avoir un intérieur chacun. Assurez-vous de ne jamais mettre un autre à l'intérieur.
- .
