<COL>NN 6 IE 3 HTML 4  

<COL>

Balise de fin HTML : interdite  

L'élément col permet de définir rapidement des largeurs et autres caractéristiques de style pour un ou plusieurs sous-ensembles de colonnes de tableau ou pour un groupe de colonnes de tableau. Lorsque ces informations apparaissent au début de l'élément table, un navigateur compatible avec cette fonction affiche le tableau avant que tout son code source soit chargé (moment auquel, normalement, il commencerait à effectuer les calculs relatifs à la disposition du tableau).

Vous pouvez utiliser l'élément col en combinaison avec l'élément colgroup ou isolément. La structure dépend de la manière dont vous devez affecter les largeurs et les styles à des colonnes individuelles ou contiguà«s. Il est possible d'appliquer un élément col à plusieurs colonnes contiguà«s. En affectant une valeur entière à l'attribut span, vous donnez pour instruction au navigateur d'appliquer les paramétrages de largeur et de style de l'élément col au nombre de colonnes contiguà«s indiqué. L'attribut span est similaire à l'attribut colspan de l'élément colgroup. De concert avec l'élément colgroup, l'élément col permet de créer une sorte de sous-ensemble de colonnes apparentées à l'intérieur d'un ensemble colgroup.

Quelle que soit la manière dont vous abordez la structure des colonnes du tableau, le nombre total de colonnes définies dans l'ensemble des éléments col et colgroup doit être égal au nombre de colonnes physiques souhaitées pour le tableau. Les trois exemples de structure ci-dessous définissent des tableaux HTML 4 de six colonnes:

Les spécifications HTML 4.0 pour l'élément col vont au-delà de leur implémentation dans IE et Navigator, jusqu'à la version 6. Par exemple, le code HTML 4 permet d'opérer un alignement, dans une colonne, sur n'importe quel caractère, par exemple une virgule décimale ou un symbole monétaire. Ce type de fonctionnalité contribue à justifier l'existence de l'élément col. Par exemple, il est possible que la mise en forme des trois premières colonnes d'un tableau soit identique et que la quatrième colonne soit affectée d'un style particulier et possède ses propres caractéristiques d'alignement:

Comme les attributs des éléments col et colgroup s'appliquent à la colonne entière, dans l'exemple précédent, la règle de feuille de style relative à l'élément thead prend le pas sur les paramètres de couleur définis pour les deux styles de colonne des lignes incluses dans l'élément thead. L'exemple précédent fonctionne dans IE 4 pour Windows, et versions ultérieures, sauf en ce qui concerne l'alignement de la dernière colonne, qui est ignoré.

La prise en charge indiquée ici pour Netscape 6 repose sur l'implémentation DOM du navigateur. Le DOM signale aux scripts l'existence de l'élément col et ses attributs (assimilés à des propriétés). Cependant, à partir de Netscape 7, cet élément n'exécute plus les tâches escomptées. Une version ultérieure pourra probablement connecter les liens internes.

 
Exemple
 
<COL class="dateCols" width="15" align="right">
 
Rfarence de modle d'objet
 
[window.]document.getElementById(elementID)
 
Attributs spscifiques à l'élément
 
alignchcharcharoffchoff
spanvalignwidth
 
Attributs du gestionnaire d'événements spécifiques à l'élément

Aucune.

alignNN 6 IE 3 HTML 4  

align="alignConstant"

Facultatif  

Définit les caractéristiques d'alignement horizontal du contenu des colonnes incluses dans l'élément col. Les spécifications HTML 4 définissent pour l'attribut align des valeurs dont l'équivalent n'existe pas encore dans les spécifications CSS. Par exemple, il n'existe aucun équivalent CSS à l'alignement par caractère. Reportez-vous à la description de l'élément col pour plus de détails sur la compatibilité de Netscape 6.

 
Exemple
 
<COL class="dateCols" width="15" align="right">
 
Valeur

HTML 4 et IE possèdent deux ensembles de valeurs d'attributs.

Les valeurs center, left et right sont explicites (et elles peuvent être reproduites au moyen de l'attribut text-align de CSS). La valeur justify est destinée à justifier le texte, en l'alignant sur les bords gauche et droit à la fois. Avec la valeur char, l'attribut char doit être également défini pour indiquer le caractère utilisé pour l'alignement du contenu.

Il est important de noter que l'attribut align s'applique à toutes les lignes incluses dans une colonne que doit occuper un élément col, y compris celles d'un élément th que vous auriez inséré dans le tableau. Si vous désirez obtenir un alignement différent pour l'en-tête de colonne, compensez le paramétrage général en insérant un attribut align séparé ou en affectant l'attribut de feuille de style text-align à l'élément thead ou, individuellement, aux éléments th.

ValeurIEHTML 4
center
char-
justify-
left
right
 
Par défaut

left

 
Rftrence de modle d'objet
 
[window.]document.getElementById(elementID).align
charNN 6 IE s.o. HTML 4  

char="character"

Facultatif  

L'attribut char d=finit le caractère utilisé comme point d'alignement dans une colonne. Cet attribut n'est utile que si l'attribut align reçoit la valeur "char". Microsoft documente un attribut ch, qui correspond à l'attribut char reposant sur les normes. Quoi qu'il en soit, le navigateur ne répond à aucun attribut. Netscape 7 ne propose pas encore la prise en charge de l'attribut char.

 
Exemple
 
<COL class="priceColumn" align="char" char=".">
 
Valeur

Tout caractère alphanumérique unique.

 
Par défaut

Aucune.

charoffNN 6 IE s.o. HTML 4  

charoff="longueur"

Facultatif  

L'attribut charoff permet de définir le point de décalage spécifique auquel le caractère spécifié par l'attribut char doit apparaître dans chaque cellule. Cet attribut est destiné à résoudre les cas où le positionnement par défaut du navigateur ne correspondrait pas aux objectifs de mise en page du tableau. Microsoft documente un attribut choff, qui correspond à l'attribut charoff reposant sur les normes. Quoi qu'il en soit, le navigateur ne répond à aucun attribut. Netscape 7 ne propose pas encore la prise en charge de l'attribut charoff.

 
Exemple
 
<COL class="priceColumn" align="char" char="." charoff="80%">
 
Valeur

Toute valeur en pixels ou en pourcentage de l'espace disponible dans les cellules.

 
Par défaut

Aucune.

choff  

  

Voir charoff.

titleNN 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.

 
Rfgrence de modle d'objet
 
[window.]document.getElementById(elementID).title
spanNN 6 IE 3 HTML 4  

span="columnCount"

Facultatif  

Dofinit le nombre de colonnes adjacentes auxquelles s'appliquent l'attribut et les paramètres de style de l'élément col . Si cet attribut manque, l'élément col régit une seule colonne. Vous pouvez combiner plusieurs éléments col ayant différentes valeurs pour span en fonction des besoins de sous-groupement de colonne. Reportez-vous à la description de l'élément col pour plus de détails sur la compatibilité de Netscape 6.

 
Exemple
 
<COL span="3">
 
Valeur

Valeur entière supérieur à zéro.

 
Par défaut

1

 
Rf rence de modle d'objet
 
[window.]document.getElementById(elementID).span
valignNN 6 IE 3 HTML 4  

valign="Constante_d'alignement"

Facultatif  

Définit les caractéristiques de l'alignement vertical du contenu des cellules de toutes les colonnes incluses dans l'élément col. Vous pouvez modifier manuellement l'alignement vertical d'une cellule particulière d'une colonne. Reportez-vous à la description de l'élément col pour plus de détails sur la compatibilité de Netscape 6.

 
Exemple
 
<COL valign="middle">
 
Valeur

IE 4 et versions ultérieures et HTML 4 reconnaissent quatre constantes possibles: top | middle | bottom | baseline. Avec top et bottom, le contenu est aligné sur le haut et le bas de la cellule (ou en est très proche). Avec middle (la valeur par défaut), le contenu est parfaitement centré verticalement dans les cellules. Dans les cas où le contenu d'une cellule pourrait s'étendre sur plusieurs lignes dans les largeurs de fenêtre courantes (dans l'hypothèse d'un tableau de largeur variable), il est conseillé de donner à l'attribut valign de toutes les cellules d'une même ligne (ou de tous les éléments col) la valeur baseline. Ainsi, la ligne de base des caractères de la première (ou de la seule) ligne de texte de la cellule sera alignée sur celle du contenu des autres cellules de la même ligne, ce qui est en général le meilleur compromis sur le plan esthétique.

 
Par défaut

middle

 
Rf>rence de modle d'objet
 
[window.]document.getElementById(elementID).vAlign
widthNN 6 IE 3 HTML 4  

width="multiLength"

Facultatif  

Dsfinit la largeur maximale des colonnes incluses dans l'élément col. Dans la pratique (IE 4 pour Windows et versions ultérieures), le navigateur n'affiche pas une colonne dont la largeur est inférieure à la plus longue chaîne de caractères sans espace (c'est-à -dire au mot le plus long). La mesure exacte d'une telle largeur de colonne dépend également des paramètres de police du contenu. Reportez-vous à la description de l'élément col pour plus de détails sur la compatibilité de Netscape 6.

 
Exemple
 
<COL width="100">
 
Valeur

Internet Explorer  accepte pour width des valeurs de longueur exprimées en pixels (sans l'unité  «  px   ») ou en pourcentage de l'espace horizontal disponible alloué au tableau (width="25%").

Les spécifications HTML 4 introduisent un système de mesure de longueur supplémentaire destiné à compléter la mesure de longueur habituelle. Ce format, dit de longueur proportionnelle (ou MultiLength), utilise une notation et une géométrie particulières. Il est parfaitement adapté aux situations dans lesquelles un élément col doit être dimensionné en fonction de la largeur de tableau disponible dès que les longueurs fixes et de pourcentage sont calculées. La notation de longueur proportionnelle (nombre suivi d'un astérisque) permet de donner pour instruction au navigateur de diviser l'espace restant en fonction d'une proportion. Par exemple, s'il reste suffisamment d'espace horizontal sur la page pour 100 pixels une fois tous les autres calculs de colonne terminés, trois éléments col pourraient spécifier les attributs width de 1*, 3* et 1*. Ce qui donne un total de cinq segments proportionnels. Les 100  pixels disponibles sont distribués vers les colonnes proportionnelles en fonction de leur proportion par rapport à l'ensemble de l'espace restant: respectivement 20, 60 et 20  pixels.

 
Par défaut

Déterminé par calcul dans le navigateur.