Décomposer les éléments de HTML5

Les éléments sont les blocs de construction pour HTML. Vous les utilisez pour décrire chaque morceau de texte sur votre page Web. Les éléments sont constitués de balises et le contenu à l'intérieur (ou) entre ces balises. En HTML, il existe deux principaux types d'éléments:

Sommaire

  • Éléments avec un contenu constitués d'une paire de balises et de quel texte se trouve entre les balises d'ouverture et de clôture de la paire

  • Éléments qui insèrent quelque chose dans la page, en utilisant une seule étiquette

Paires de balises au format HTML

Éléments qui décrivent l'utilisation d'un contenu paire de balises pour marquer le début et la fin, avec tout le reste représentant le contenu de l'élément. Paires de balises commencent par une balise d'ouverture, suivie par une partie du contenu, et se terminent par une balise de fermeture, comme ceci: Titres sont faciles, le contenu est dur.

Contenu - tels que des articles, des apartés, des paragraphes, des titres, des tables et des 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 ”.

Contenu réel est la substance entre l'ouverture et de fermeture des balises.

Les balises simples

Éléments qui insèrent quelque chose dans une page sont appelés vide éléments (parce qu'ils renferment pas de contenu) et d'utiliser une seule étiquette, comme ceci: . Images et sauts de ligne insérer quelque chose dans un fichier HTML et utiliser une seule balise (élément vide) - à savoir, et
, respectivement.

En HTML5, les éléments vides ne nécessitent pas de traitement spécial. Dans une version antérieure connue comme XHTML (basé sur le langage de balisage XML), les éléments vides doivent se terminer par une barre oblique juste avant l'équerre de fermeture, de sorte en HTML5 (et HTML4, d'ailleurs) serait écrit que .

Pour la compatibilité ascendante avec HTML4, ce serait souvent écrit comme parce que l'espace précédant la barre oblique activé navigateurs plus anciens de reconnaître l'élément correctement, même si elles ne pas analyser le balisage XHTML. Vous pouvez rencontrer l'espace supplémentaire et la barre oblique de fermeture dans les pages que vous regardez, alors ne laissez pas vous déranger. Ces contorsions ne sont plus applicables en HTML5.

Par exemple, la élément référence à une image. Lorsque le navigateur affiche la page, il remplace le élément avec le fichier vers lequel il pointe. (Un attribut fait le pointage.)

Cependant attrayant le concept peut sembler, vous ne pouvez pas faire vos propres éléments HTML. Éléments juridiques pour HTML appartiennent à un ensemble très spécifique - si vous utilisez des éléments qui ne font pas partie de cet ensemble, le navigateur les ignore tout simplement. Les éléments que vous pouvez utiliser sont définies dans les différentes spécifications HTML. (La spécification HTML5.1 peut être trouvé sur le projet de la page de travail du W3C.)

Balisage de nidification

Certaines structures de pages HTML peuvent contenir des éléments imbriqués. Considérez-les comme valises cet ajustement parfaitement à l'intérieur d'un autre. Par exemple, une liste à puces utilise deux types d'éléments:

  • La

    élément spécifie que la liste est non ordonnée (à puces).
  • La

  • élément marque chaque élément dans la liste. (Le li signifie “ la liste item ”.)

Lorsque vous combinez des éléments en utilisant cette approche, vous devez fermer tous les éléments à l'intérieur des éléments de liste avant de fermer l'élément de liste à puces, comme ceci:

  • Point 1
  • Point 2

» » » » Décomposer les éléments de HTML5