Table des matières:
Vidéo: Tutoriel HTML 5 / CSS 3 - #2 - l'organisation d'un site 2025
Les éléments sont les éléments constitutifs du langage HTML. Vous les utilisez pour décrire chaque morceau de texte sur votre page Web. Les éléments sont constitués de tags et du contenu dans (ou entre) ces tags. En HTML, il existe deux principaux types d'éléments:
-
Éléments avec un contenu constitué d'une paire de balises et du texte entre les balises d'ouverture et de fermeture de la paire
-
Éléments qui insèrent quelque chose dans la page, en utilisant un seul tag
Les paires de balises en HTML
Les éléments qui décrivent le contenu utilisent une paire de balises pour marquer le début et la fin, tout ce qui représente le contenu de l'élément. Les paires de balises commencent par une balise d'ouverture, suivie d'un peu de contenu, et se terminent par une balise de fermeture, comme ceci: Les titres sont faciles, le contenu est difficile.
Le contenu, tel que les articles, les parties, les en-têtes, les tableaux et les listes, utilise toujours des paires de balises, où
-
La balise d'ouverture () indique au navigateur: "L'élément commence ici. "
-
La balise de fermeture () indique au navigateur:" L'élément se termine ici. "
Le contenu réel est le contenu entre les balises d'ouverture et de fermeture.
Balises simples
Les éléments qui insèrent quelque chose dans une page sont appelés éléments vides (car ils ne contiennent aucun contenu) et utilisent une seule balise, comme ceci:. Les images et les sauts de ligne insèrent quelque chose dans un fichier HTML et utilisent une seule balise (élément vide), à savoir, et , respectivement.
En HTML5, les éléments vides ne nécessitent pas de traitement particulier. Dans une version antérieure appelée XHTML (basée sur le langage de balisage XML), les éléments vides doivent se terminer par une barre oblique juste avant l'angle de fermeture, donc en HTML5 (et HTML4, d'ailleurs) serait écrit comme.
Pour la compatibilité ascendante avec HTML4, cela serait souvent écrit parce que l'espace précédant la barre oblique permettait aux navigateurs plus anciens de reconnaître correctement l'élément même s'ils n'analysaient pas le balisage en XHTML. Vous pouvez rencontrer l'espace supplémentaire et la barre oblique dans les pages que vous regardez, alors ne vous laissez pas déranger. Ces contorsions ne s'appliquent plus en HTML5.
Par exemple, l'élément
Aussi attrayant que le concept puisse paraître, vous ne pouvez pas créer vos propres éléments HTML. Les éléments légaux pour HTML appartiennent à un ensemble très spécifique - si vous utilisez des éléments qui n'appartiennent pas à cet ensemble, le navigateur les ignore tout simplement. Les éléments que vous pouvez utiliser sont définis dans les différentes spécifications HTML. (La spécification HTML5.1 peut être trouvée sur la page de travail du W3C.
Balisage d'imbrication
Certaines structures de pages HTML peuvent contenir des éléments imbriqués. Considérez-les comme des valises qui s'emboîtent parfaitement l'une dans l'autre. Par exemple, une liste à puces utilise deux types d'éléments:
-
L'élément
-
spécifie que la liste n'est pas ordonnée (à puces).
-
L'élément
- marque chaque élément de la liste. (Le li signifie «élément de liste».)
Lorsque vous combinez des éléments en utilisant cette approche, vous devez fermer tous les éléments de liste avant de fermer l'élément de liste non ordonné, comme ceci:
- Article 1
- 2
