<BODY> | NN tous IE tous HTML tous | |||||||||||||||||||||||||||||||
<BODY>...</BODY> | Balise de fin HTML : Facultatif | |||||||||||||||||||||||||||||||
Après les informations préliminaires de la section head d'un fichier HTML apparaît l'élément body, qui inclut le contenu de la page visible à l'utilisateur dans la fenêtre du navigateur (ou audible dans le cas d'un navigateur audio). Avant l'apparition des feuilles de style, c'est dans l'élément body que les auteurs définissaient les attributs de couleur et de fond à appliquer au document. De nombreux attributs relatifs à ces propriétés sont délaissés dans HTML 4 au profit de règles de style pouvant être appliquées à l'élément body. Les navigateurs standard continueront toutefois à prendre en charge ces attributs pendant plusieurs années encore. C'est également dans l'élément body que sont placés les gestionnaires d'événements des objets fenêtre (window). Par exemple, un objet window, tel qu'il est défini dans la plupart des modèles d'objet document, possède un gestionnaire d'événements onload qui se déclenche lorsque le chargement d'un document dans la fenêtre ou dans le cadre actuel est terminé. L'affectation de ce gestionnaire d'événements se fait dans l'élément body. Bien qu'il puisse sembler, à priori, que l'élément body et l'objet document ne font qu'un, ce n'est pas du tout le cas. L'objet document possède des propriétés supplémentaires, telles que le titre du document (document.title), qui sont définies ailleurs que dans l'élément body. Dans un navigateur de type DOM W3C, l'arborescence de nœuds de document accroît la distance entre le nœud document racine et l'élément body: le nœud document est le parent de l'élément html; l'élément html est le parent des éléments head et body. |
||||||||||||||||||||||||||||||||
Exemple | ||||||||||||||||||||||||||||||||
<BODY background="watermark.jpg" onLoad="init( );"> ... </BODY> |
||||||||||||||||||||||||||||||||
Référence de modèle d'objet | ||||||||||||||||||||||||||||||||
[window.]document.body |
||||||||||||||||||||||||||||||||
Attributs spécifiques à l'élément | ||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||
Attributs du gestionnaire d´événements spécifiques à l´élément | ||||||||||||||||||||||||||||||||
|
alink | NN tous IE tous HTML 3.2 |
alink="colorTripletOrName" | Facultatif |
Définit la couleur d'un lien hypertexte lorsqu'il est activé par l'utilisateur (par un clic de souris). Un lien peut avoir trois états: non activé, actif et déjà activé. La couleur choisie est appliquée au texte du lien ou à sa bordure, dans le cas d'une image ou d'un objet spécifié à l'aide d'un élément a. Cet attribut est délaissé au profit de la règle de style de pseudo-classe :active CSS pour un élément a, comme décrit dans le chapitre 11. |
|
Exemple | |
<BODY alink="#FF0000">...</BODY> |
|
Valeur | |
Triplet de couleurs en hexadécimal ou l'un des noms de couleurs en anglais. Reportez-vous à l'annexe A pour connaître les noms de couleurs admises/autorisées. |
|
Par défaut | |
#FF0000 (en règle générale). |
|
Référence de modèle d'objet | |
[window.]document.alinkColor [window.]document.body.aLink |
background | NN tous IE tous HTML 3.2 |
background="URL" | Facultatif |
Spécifie le fichier image à utiliser comme arrière-plan pour le document. Contrairement aux images normales, qui sont chargées dans le contenu du navigateur, une image d'arrière-plan est chargée dans ses dimensions d'origine (sans mise à l'échelle) et disposée en mosaïque de façon à remplir la totalité de l'espace disponible dans le cadre ou la fenêtre du navigateur. Le chargement des images de petite taille est généralement plus rapide, mais elles produisent une mosaïque plus serrée. Les images GIF animées peuvent être utilisées en arrière-plan, mais elles entravent la lecture. Lors du choix d'une image d'arrière-plan, veillez à en prendre une qui soit neutre par rapport au contenu principal, afin que celui-ci ressorte lisiblement. Si elles doivent vraiment être utilisées, les images d'arrière-plan doivent rester extrêmement discrètes ou occuper un espace libre de tout autre contenu. Cet attribut est délaissé dans HTML 4 au profit de l'attribut de feuille de style background. |
|
Exemple | |
<BODY background="watermark.jpg">...</BODY> |
|
Valeur | |
Toute adresse URL valide (complète ou relative) d'un fichier image. |
|
Par défaut | |
Aucune. |
|
Référence de modèle d'objet | |
[window.]document.body.background |
bgcolor | NN tous IE tous HTML 3.2 |
bgcolor="colorTripletOrName" | Facultatif |
Définit la couleur de remplissage à appliquer au document. Cette couleur apparaît derrière le texte et tout autre contenu. L'utilisation combinée de bgcolor et de background permet de laisser apparaître la couleur d'arrière-plan dans les éventuelles zones transparentes de l'image d'arrière-plan. Cet attribut est délaissé dans HTML 4 au profit de l'attribut de feuille de style background-color. |
|
Exemple | |
<BODY bgcolor="tan">...</BODY> |
|
Valeur | |
Triplet de couleurs en hexadécimal ou l'un des noms de couleurs en anglais. Si la valeur de cet attribut n'est pas indiquée, elle sera interprétée comme "#000000" (noir). Reportez-vous à l'annexe A pour connaître les noms de couleurs admises/autorisées. |
|
Par défaut | |
Varie en fonction du système d'exploitation, du navigateur et de sa version. |
|
Référence de modèle d'objet | |
[window.]document.bgColor [window.]document.body.bgColor |
bgproperties | NN s.o. IE 3 HTML s.o. |
bgproperties="property" | Facultatif |
Attribut de Microsoft Internet Explorer permettant de préciser si l'image d'arrière-plan (spécifiée à l'aide de la feuille de style ou de l'attribut background) doit être fixe ou défiler en même temps que le document. Cet attribut permet de créer des effets surprenants et intéressants. Lorsque l'image d'arrière-plan est fixe, le contenu défile sur cette image comme un générique de film défile sur un écran de cinéma ou de télévision. |
|
Exemple | |
<BODY background="watermark.jpg" bgproperties="fixed">...</BODY> |
|
Valeur | |
Si vous spécifiez la valeur fixed, l'image reste fixe dans la fenêtre du navigateur. Si vous ne spécifiez pas cet attribut ou que vous lui donnez comme valeur une chaîne vide, (""), l'image défile en même temps que le contenu. |
|
Par défaut | |
Aucune. |
|
Référence de modèle d'objet | |
[window.]document.body.bgProperties |
bottommargin | NN s.o. IE 4 HTML s.o. |
bottommargin="integer" | Facultatif |
Définit la quantité d'espace à insérer entre la fin du contenu et le bas d'une page, lorsqu'il est nécessaire de faire défiler cette dernière. Cet attribut ne produit aucun effet visuel si la longueur du contenu ou la taille de la fenêtre sont telles qu'elles ne requièrent aucun défilement de la page. Avec la valeur par défaut, aucun espace n'est inséré entre la fin du contenu et la fin de la page; toutefois, dans la version Macintosh de Microsoft Internet Explorer, une marge de 10 pixels est visible même si cet attribut a pour valeur zéro. Les valeurs supérieures à zéro sont appliquées correctement. Cet attribut est en quelque sorte un raccourci de l'attribut de feuille de style margin-bottom de l'élément body. |
|
Exemple | |
<BODY bottommargin="20">...</BODY> |
|
Valeur | |
Nombre de pixels d'espace vide à insérer en bas du document. Une chaîne vide a le même effet que la valeur zéro. |
|
Par défaut | |
0 |
|
Référence de modèle d'objet | |
[window.]document.body.bottomMargin |
title | NN 6 IE 3 HTML 3.2 |
title="advisoryText" | Facultatif |
Description de l'élément. Pour les éléments HTML qui produisent du contenu visible sur la page, IE 4 et versions ultérieures ainsi que Netscape 6 affichent le contenu de l'attribut title sous forme d'info-bulle lorsque le curseur reste un moment sur l'élément concerné. Par exemple, l'élément de colonne col n'affiche pas le contenu, donc son attribut title fournit simplement des informations. Pour générer des info-bulles dans les tableaux, affectez des attributs title aux éléments tels que table, tr, th ou td. Les propriétés de police et de couleur sont régies par le navigateur et ne peuvent pas être modifiées par script. Dans IE pour Windows, l'info-bulle est le petit rectangle jaune clair standard; dans IE pour Macintosh, l'info-bulle s'affiche comme une bulle de BD, à la manière du système d'aide de MacOS. Dans Netscape 6, les info-bulles s'affichent toujours sous la forme du même petit rectangle quelle que soit la version du système d'exploitation. Si aucun attribut n'est spécifié, l'info-bulle ne s'affiche pas. Vous pouvez affecter à cet attribut le texte descriptif de votre choix. Etant donné que tout le monde ne le verra pas, n'y placez pas d'informations essentielles. Peut-être les navigateurs conçus pour satisfaire les critères d'accessibilité Web utiliseront-ils les informations de cet attribut pour lire les informations au sujet d'un lien ou d'éléments autres que du texte à des utilisateurs malvoyants. Donc, ne négligez pas cette aide potentiellement utile pour décrire l'objectif d'un élément sur une page. Bien que les indications de compatibilité pour cet attribut le fassent remonter à l'époque de Microsoft Internet Explorer 3 et HTML 3.2, il est nouvellement affecté à de nombreux éléments à partir de Microsoft Internet Explorer 4 et de HTML 4.0. |
|
Exemple | |
<span title="United States of America">U.S.A.</span> |
|
Valeur | |
Toute chaîne de caractères. Cette chaîne doit figurer entre guillemets (simples ou doubles, mais identiques). |
|
Par défaut | |
Aucune. |
|
Référence de modèle d'objet | |
[window.]document.getElementById(elementID).title
|
leftmargin | NN 6 IE 3 HTML s.o. |
leftmargin="integer" | Facultatif |
Définit la quantité d'espace à insérer entre le bord gauche du contenu et le bord gauche de son cadre. Cet attribut est en quelque sorte un raccourci de l'attribut de feuille de style margin-left de l'élément body. Du fait qu'il est spécifié dans l'élément parent principal affichable, cet attribut définit la marge de gauche de tous les éléments imbriqués dans le document. |
|
Exemple | |
<BODY leftmargin="25">...</BODY> |
|
Valeur | |
Nombre de pixels d'espace vide à insérer sur le côté gauche du document. Une chaîne vide a le même effet que la valeur zéro. |
|
Par défaut | |
10 (IE/Windows); 8 (IE/Macintosh). |
|
Référence de modèle d'objet | |
[window.]document.body.leftMargin |
link | NN tous IE tous HTML 3.2 |
link="colorTripletOrName" | Facultatif |
Définit la couleur d'un lien hypertexte qui n'a pas encore été activé (auquel cas, l'adresse URL de ce lien n'est pas encore en mémoire cache). Un lien peut avoir trois états: non activé, actif et déjà activé. La couleur choisie est appliquée au texte du lien ou à sa bordure, dans le cas d'une image ou d'un objet spécifié à l'aide d'un élément a. Cet attribut est délaissé au profit de la règle de style de pseudo-classe :link CSS pour un élément a, comme décrit dans le chapitre 11. |
|
Exemple | |
<BODY link="#00FF00">...</BODY> |
|
Valeur | |
Triplet de couleurs en hexadécimal ou l'un des noms de couleurs en anglais. Reportez-vous à l'annexe A pour connaître les noms de couleurs admises/autorisées. |
|
Par défaut | |
#0000FF |
|
Référence de modèle d'objet | |
[window.]document.linkColor [window.]document.body.link |
marginheight, marginwidth | NN 4 IE s.o. HTML s.o. |
marginheight="integer"marginwidth="integer" | Facultatif |
Attributs de raccourci permettant de définir les marges du corps à la place des feuilles de style CSS. Si vous réglez marginheight sur une valeur en pixels, vous définissez une marge au-dessus et au-dessous du contenu du corps; marginwidth permet de définir les marges à gauche et à droite du corps. |
|
Exemple | |
<BODY marginheight="20" marginwidth="10">...</BODY> |
|
Valeur | |
Nombre de pixels d'espace vide à insérer sur les deux côtés affectés par chaque attribut. Une chaîne vide a le même effet que la valeur zéro. |
|
Par défaut | |
0 |
nowrap | NN s.o. IE 4 HTML s.o. |
nowrap | Facultatif |
Contrôle si un contenu large doit comprendre des sauts de ligne pour s'insérer dans la largeur du corps. |
|
Exemple | |
<BODY nowrap>...</BODY> |
|
Valeur | |
La présence de cet attribut définit sa valeur sur true (vrai). |
|
Par défaut | |
false |
|
Référence de modèle d'objet | |
[window.]document.body.noWrap |
rightmargin | NN s.o. IE 4 HTML s.o. |
rightmargin="integer" | Facultatif |
Définit la quantité d'espace à insérer entre le bord droit du contenu et le bord droit de son cadre. Cet attribut est en quelque sorte un raccourci de l'attribut de feuille de style margin-right de l'élément body. Du fait qu'il est spécifié dans l'élément parent principal affichable, cet attribut définit la marge de droite de tous les éléments imbriqués dans le document. Sachez que dans la version Macintosh de Microsoft Internet Explorer, le contenu ne se rapproche pas autant du côté droit de la fenêtre que dans la version Windows. |
|
Exemple | |
<BODY rightmargin="25">... </BODY> |
|
Valeur | |
Nombre de pixels d'espace vide à insérer sur le côté droit du document. Une chaîne vide a le même effet que la valeur zéro. |
|
Par défaut | |
10 (Windows); 0 (Macintosh). |
|
Référence de modèle d'objet | |
[window.]document.body.rightMargin |
scroll | NN s.o. IE 4 HTML s.o. |
scroll="commutateur_fonctions" | Facultatif |
Insère des barres de défilement lorsque la longueur du contenu dépasse la taille de la fenêtre visible. Pour que les utilisateurs puissent se déplacer sur la page en l'absence de barres de défilement, vous devez définir, à l'aide d'un script, une méthode de contrôle du défilement de la fenêtre. Sachez qu'Internet Explorer pour Macintosh affiche toujours des barres de défilement lorsqu'un document dépasse la taille de la fenêtre, même si l'attribut scroll a pour valeur no. Pour un contrôle plus moderne des barres de défilement, utilisez l'attribut CSS overflow (avec, en plus, les attributs overflowX et overflowY spécifiques de Microsoft Internet Explorer). |
|
Exemple | |
<BODY scroll="no">...</BODY> |
|
Valeur | |
Constante yes ou no (insensible à la casse). |
|
Par défaut | |
yes |
|
Référence de modèle d'objet | |
[window.]document.body.scroll |
text | NN tous IE tous HTML 3.2 |
text="colorTripletOrName" | Facultatif |
Définit la couleur du corps du texte. Les couleurs des éléments individuels ont priorité sur les couleurs définies pour l'ensemble du document. Du fait que la couleur d'arrière-plan par défaut varie en fonction du système d'exploitation, du navigateur et de sa version, il est conseillé de définir l'attribut bgcolor (ou la feuille de style équivalente) de concert avec la couleur du texte. Cet attribut est délaissé au profit de l'attribut de feuille de style color. |
|
Exemple | |
<BODY bgcolor="#FFFFFF" text="#c0c0c0">...</BODY> |
|
Valeur | |
Triplet de couleurs en hexadécimal ou l'un des noms de couleurs en anglais. Reportez-vous à l'annexe A pour connaître les noms de couleurs admises/autorisées. |
|
Par défaut | |
#000000 (noir). |
|
Référence de modèle d'objet | |
[window.]document.fgColor [window.]document.body.text |
topmargin | NN 6 IE 3 HTML s.o. |
topmargin="integer" | Facultatif |
Définit la quantité d'espace à insérer entre le bord supérieur du contenu et le bord supérieur de son cadre. Cet attribut est en quelque sorte un raccourci de l'attribut de feuille de style margin-top de l'élément body. Du fait qu'il est spécifié dans l'élément parent principal affichable, cet attribut définit la marge supérieure de tous les éléments imbriqués dans le document. Si l'attribut topmargin a pour valeur zéro ou une chaîne vide (""), aucun espace n'est inséré entre le contenu et la bordure supérieure de son cadre. |
|
Exemple | |
<BODY topmargin="0">... </BODY> |
|
Valeur | |
Nombre de pixels d'espace vide à insérer en haut du document. Une chaîne vide a le même effet que la valeur zéro. |
|
Par défaut | |
15 (IE/Windows); 8 (IE/Macintosh). |
|
Référence de modèle d'objet | |
[window.]document.body.topMargin |
vlink | NN tous IE tous HTML 3.2 |
vlink="colorTripletOrName" | Facultatif |
Définit la couleur d'un lien hypertexte une fois qu'il a été activé par un utilisateur (et que la page vers lequel il pointe se trouve encore en mémoire cache). Un lien peut avoir trois états: non activé, actif et déjà activé. La couleur choisie est appliquée au texte du lien ou à sa bordure, dans le cas d'une image ou d'un objet spécifié à l'aide d'un élément a. Cet attribut est délaissé au profit de la règle de style de pseudo-classe :visited CSS pour un élément a, comme décrit au chapitre 11. |
|
Exemple | |
<BODY vlink="teal">...</BODY> |
|
Valeur | |
Triplet de couleurs en hexadécimal ou l'un des noms de couleurs en anglais. Reportez-vous à l'annexe A pour connaître les noms de couleurs admises/autorisées. |
|
Par défaut | |
#551a8b (NN); #800080 (IE/Windows); #006010 (IE/Macintosh). |
|
Référence de modèle d'objet | |
[window.]document.vlinkColor [window.]document.body.vLink |