Table des matières:
Vidéo: Tutoriel CSS : Le positionnement en CSS 2025
L'élément de structuration de contenu le plus important en HTML5 est peut-être l'étiquette d'article. Les adeptes des en-têtes, des pieds de page et même l'horodatage relativement obscur seront furieux à l'idée que l'étiquette d'article est la grande attraction en HTML5, mais vous pouvez utiliser l'étiquette d'article pour organiser le contenu de la page en «morceaux» de base. un meilleur mot.
La nécessité de structurer le contenu de la page en articles est un facteur positif qui oblige les développeurs de contenu à organiser les idées de manière cohérente. Et la balise d'article fournit le cadre pour les sections (dans l'article) et les côtés (barres latérales de l'article).
Diviser les articles en plusieurs sections
Le code suivant définit un article et deux éléments de section. Il inclut également un texte d'espace réservé et des en-têtes insérés après la balise de fermeture.
Note: Bien que vous puissiez techniquement incorporer une section unique dans un article, le concept d'articles divisés en sections est plus efficace si cela est évité.
Une règle de base de l'édition (et vous pouvez demander à quelqu'un qui édite le texte pour vivre, et ils vont continuer encore et encore à ce sujet) est que si vous allez diviser un article pour le rendre plus facile à digérer, cela n'aide pas le lecteur à organiser sa pensée pour n'avoir qu'une seule sous-section dans une section de contenu. Donc - quand les sections sont utilisées - il est préférable d'avoir au moins deux sections placées dans les balises.
Le titre de l'article va ici
Le contenu du premier article va ici
Le contenu de l'article va ici
Le titre de la première section va ici
Le contenu de la première section va ici
Plus 1er Le contenu de la section va ici
Le titre de la deuxième section va ici
Le contenu de la deuxième section va ici
Plus le contenu de la deuxième section va ici
Ce code crée une page comme celle-ci.
Ajouter un élément de côté
Comme pour tous les éléments de structure de page HTML5, l'élément de côté est destiné à être associé à un certain type de contenu. Le contenu tel que des images, du texte ou des vidéos dans un élément de côté doit dépendre - c'est-à-dire, d'un contenu et d'une contribution - d'un article ou d'une section d'un article.
Devriez-vous utiliser un élément de côté pour entourer une barre de navigation? Généralement, non. Au lieu de cela, le contenu de navigation devrait être encodé avec l'élément nav, dont nous parlons un peu plus tôt dans ce chapitre.
Quelques attributs de style CSS normalement appliqués aux éléments HTML5. Comme vous pouvez probablement l'imaginer, les éléments de côté sont généralement présentés comme des barres latérales. Ainsi, lorsque vous définissez un style CSS pour l'élément nav, vous utilisez la propriété float CSS pour permettre à l'élément aside de s'afficher en tant que boîte alignée à droite ou à gauche autour du contenu de l'article.
Le code suivant fournit un exemple d'un élément de côté dans un article:
Le titre de l'article va ici
Le contenu de l'article va ici
Le contenu de la barre latérale est lié à l'articleva ici
Vous voudrez combiner des éléments de structure HTML5 avec des styles qui mettent en forme l'emplacement, la police, la couleur et d'autres attributs de style appliqués à ces éléments. La figure suivante, par exemple, montre comment un aparté (KUDOS) peut apparaître à côté de l'article auquel il est associé (Expérience).
