Notice : Undefined variable: index : in /ref/index.php on line 13
Les types d'éléments HTML -- Le Coin Web de QuentinC

Vous êtes ici : Accueil > Référence HTML et JavaScript > Les types d'éléments HTML

Les types d'éléments HTML

Cette section de la référence HTML explique les différents types d'éléments qui existent : type ligne, type bloc, etc...

On ne parle véritablement de type ligne ou bloc des éléments uniquement quand ceux-ci s'intègrent dans la partie body du document. Les éléments qui se trouvent dans la partie head ne sont pas pris en compte.

Les éléments de type ligne

Un élément de type ligne peut accueillir du texte, et d'autres éléments de type ligne, mais jamais d'éléments de type bloc. L'affichage des éléments de type ligne se fait à la suite, c'est-à-dire à droite de ce qui existe déjà tant qu'il reste de la place, ou passe à la ligne suivante dès que la place commence à manquer sur la ligne courante. Un élément de type ligne n'a pas à proprement parler de dimensions, il s'adapte en fonction de son contenu.

Font partie de cette catégorie les éléments suivants :

  • a
  • abbr
  • acronym
  • applet *
  • b *
  • big *
  • blink *
  • br
  • button **
  • cite
  • code
  • del
  • dfn
  • em
  • font *
  • i
  • img **
  • input **
  • ins
  • kbd
  • label
  • noscript
  • object **
  • s *
  • samp
  • select **
  • small *
  • span
  • q
  • strike
  • strong
  • sub
  • sup
  • textarea **
  • tt
  • u *
  • var.

* : Ces éléments sont dépréciés et ne devraient plus être utilisées. Pour plus d'informations, voyez les pages correspondandes.

** : Ces éléments se comportent visuellement comme des éléments de type ligne normals, mais à l'instart des autres éléments ligne, possèdent des dimensions mesurables et modifiables. Voyez plus loin dans ce document la partie Les éléments « entre deux »

Les éléments de type bloc

Un élément de type bloc peut, selon son sous-type, accepter ou non des autres éléments de type ligne et bloc. Voyez plus bas les sous-types. Visuellement, un élément de type bloc s'affiche toujours en effectuant au préalable un retour à la ligne. Ils ne sont normalment pas conçus pour afficher des informations en flux mais permettent le plus souvent de séparer les différentes parties structurelles.

Un élément de type bloc possède des dimensions qui sont modifiable. Elles se comportent en fait comme des espèces de boîtes redimensionnables.

Les éléments bloc de niveau 0

Un élément bloc de niveau 0 peut accueillir n'importe quel élément bloc de niveaux 1 et 2, mais pas directement les éléments de type ligne.

Les éléments suivants prennent place dans cette catégorie :

  • body
  • form.

Les éléments bloc de niveau 1

Un élément bloc de niveau 1 peut accueillir du texte, ou n'importe quel autre élément de type ligne ou bloc.

Font partie de cette catégorie les éléments suivants :

  • blockquote
  • center *
  • dd
  • div (sûrement la meilleure représentatrice de sa catégorie)
  • fieldset
  • li
  • noscript
  • td.

* : Ces éléments sont déconseillés et ne devraient donc plus être utilisées aujourd'hui.

Les éléments de type bloc de niveau 2

Un élément bloc de niveau 2 peut accueillir du texte ou des éléments ligne, mais jamais d'élément de type bloc, que ce soit niveau 0, 1 ou 2. Les éléments bloc de niveau 2 ne peuvent donc pas s'imbriquer entre-eux.

Dans cette catégorie, on peut classer :

  • dt
  • caption
  • legend
  • p
  • pre

Les éléments "entre deux

IL existe un certain nombre d'éléments qui sont à cheval entre le type bloc et le type ligne. Sémantiquement parlant, ils sont de type ligne, alors qu'ils possèdent des dimensions comme leurs confrères de type bloc.

Dans cette catégorie, on trouve :

  • applet *
  • button
  • img
  • input
  • object
  • select
  • textarea.

Vous êtes ici : Accueil > Référence HTML et JavaScript > Les types d'éléments HTML

Dernière modification de cette page : Dimanche 23 avril 2006 19:07
Haut de page  •  Contact  •  RSS  •  Valide XHTML 1.0