Maison  >  Article  >  interface Web  >  Introduction détaillée aux éléments HTML

Introduction détaillée aux éléments HTML

高洛峰
高洛峰original
2017-03-22 14:36:461317parcourir

Les documents HTML sont définis par des éléments HTML.


Élément HTML

开始标签 * 元素内容 结束标签 *

这是一个段落

这是一个链接

   

La balise de début * est souvent appelée balise d'ouverture , et la balise de fin est souvent appelée balise de fermeture .


Syntaxe des éléments HTML

  • Les éléments HTML commencent par balises commençant par


  • Les éléments HTML se terminent par la balise de fermeture


  • Le contenu de l'élément est le contenu entre la balise de début et la balise de fin


  • Certains éléments HTML ont contenu vide


  • L'élément vide est fermé dans la balise ouvrante (se termine par la fin de la balise ouvrante)


  • La plupart des éléments HTML peuvent avoir l'attribut

Commentaires : Vous en apprendrez plus sur les propriétés dans le prochain chapitre de ce tutoriel.


Éléments HTML imbriqués

Les documents HTML sont composés d'éléments HTML imbriqués.


Exemple de document HTML





Ceci est mon premier paragraphe.




L'exemple ci-dessus contient trois éléments HTML.


Analyse d'exemple HTML

L'élément

Ceci est mon premier paragraphe.

L'élément

définit un paragraphe dans un document HTML.
Cet élément a une balise de début

et une balise de fin

.
Le contenu de l'élément est : Ceci est mon premier paragraphe.

L'élément


Ceci est mon premier paragraphe.


L'élément définit le corps du document HTML.
Cet élément a une balise d'ouverture et une balise de fin .
Le contenu de l'élément est un autre élément HTML (l'élément p).

L'élément :




Ceci est mon premier paragraphe.




L'élément définit l'intégralité du document HTML.
Cet élément a une balise d'ouverture et une balise de fin .
Le contenu de l'élément est un autre élément HTML (l'élément body).


N'oubliez pas la balise de fermeture

Même si vous oubliez d'utiliser la balise de fermeture, la plupart des navigateurs afficheront le code HTML correctement :

Ceci est un paragraphe

Ceci est un paragraphe

L'exemple ci-dessus s'affiche également correctement dans le navigateur car la fermeture de la balise est facultative.

Mais ne vous fiez pas à cette approche. Oublier d'utiliser une balise de fermeture peut produire des résultats ou des erreurs imprévisibles.


Élément HTML vide

Un élément HTML sans contenu est appelé élément vide. Les éléments vides sont fermés dans la balise d'ouverture.


est un élément vide sans balise de fermeture (la définition de la balise
s'enroule).

En XHTML, XML et les futures versions de HTML, tous les éléments doivent être fermés.

L'ajout d'une barre oblique dans la balise d'ouverture, telle que
, est la manière correcte de fermer un élément vide et est acceptée par HTML, XHTML et XML.

Même si
fonctionne dans tous les navigateurs, l'utilisation de
est en réalité plus sûre à long terme.


Astuce HTML : utilisez des balises minuscules

Les balises HTML ne sont pas sensibles à la casse :

est équivalent à

. De nombreux sites Web utilisent des balises HTML en majuscules.

W3CSchool utilise des balises minuscules car le World Wide Web Consortium (W3C) recommande d'utiliser des minuscules dans HTML 4 et les utilisera obligatoire dans les futures versions (X)HTML minuscule.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn