<COL>NN 6 IE 3 HTML 4  

<COL>

HTML-End-Tag: Unzulässig  

Mit dem col-Element lassen sich Breiten und andere Merkmale (Stile) für eine oder mehrere Untergruppen von Spalten in einer Tabelle oder in Spaltengruppen definieren. Wenn diese Information vorne im table-Element erscheint, beginnt ein entsprechend ausgerüsteter Browser sofort mit der Darstellung der Tabelle, noch bevor der gesamte Quellcode der Tabelle geladen ist (andernfalls wäre er mit den Positionsberechnungen beschäftigt).

Sie können das col-Element mit oder ohne colgroup-Element verwenden. Die Struktur hängt davon ab, wie einzelnen oder aneinander angrenzenden Spalten Breiten und Stile zugewiesen werden sollen. Ein col-Element kann sich auf mehrere angrenzende Spalten beziehen. Wenn Sie dem Attribut span einen Integerwert zuweisen, übertragen Sie die Breiten- und Stileinstellungen des col-Elements auf die entsprechende Anzahl angrenzender Spalten. Das Attribut span ist dem Attribut colspan des colgroup-Elements ähnlich. In Verbindung mit dem Element colgroup können Sie mit dem col-Element eine Art Untergruppe von verwandten Spalten innerhalb eines colgroup-Satzes erstellen.

Unabhängig von der Spaltenstruktur der Tabelle sollte die Gesamtzahl aller mit col und colgroup definierten Spalten mit der Anzahl der vorgesehenen physischen Spalten übereinstimmen. In den folgenden drei einfachen Beispielen sind HTML 4-Tabellen mit sechs Spalten definiert:

Die HTML 4-Spezifikationen für das col-Element gehen über die Implementierung in IE und Navigator bis Version 6 hinaus. Beispielsweise sieht HTML 4 innerhalb einer Spalte eine Ausrichtung an einem beliebigen Zeichen vor, wie beispielsweise dem Dezimalzeichen in einem Geldbetrag. Diese Funktionsmerkmal trägt zur Unterstützung des col-Elements bei. Beispielsweise lässt sich eine Tabelle definieren, bei der die ersten drei Spalten auf eine bestimmte Art formatiert sind, die vierte jedoch einen anderen Stil und eine abweichende Ausrichtung aufweist:

Da die Attribute der Elemente col und colgroup sich auf die gesamte Spalte auswirken, wurden im letzten Beispiel mit der Stylesheet-Regel für thead die Farbeinstellungen für die zwei Spaltenstile der vom thead-Element umschlossenen Zeilen außer Kraft gesetzt. Das obige Beispiel funktioniert in IE 4 und später für Windows problemlos, doch die Ausrichtung der letzten Spalte wird ignoriert.

Die oben angegebene Unterstützung in Netscape 6 basiert auf der DOM-Implementierung des Browers. Das DOM meldet Skripts, dass das col-Element und seine Attribute (in Form von Eigenschaften) vorhanden sind. Ab Netscape 7 führt dieses Element aber nicht die beabsichtigten Aufgaben aus. In einer späteren Version wird die interne Funktionalität des Elements wahrscheinlich wiederhergestellt.

 
Beispiel
 
<COL class="dateCols" width="15" align="right">
 
Objektmodellreferenz
 
[window.]document.getElementById(elementID)
 
Elementspezifische Attribute
 
alignchcharcharoffchoff
spanvalignwidth
 
Elementspezifische Ereignisbehandlungsroutinenattribute

Keine.

alignNN 6 IE 3 HTML 4  

align="alignConstant"

Optional  

Bestimmt die horizontale Ausrichtung von Inhalt in durch das col-Element definierten Spalte(n). In der HTML 4-Spezifikation sind einige Werte für das Attribut align definiert, die in der CSS-Spezifikation noch nicht vorgesehen sind. Beispielsweise gibt es keine CSS-Entsprechung für die Ausrichtung nach Zeichen. Weitere Informationen zur Netscape 6-Kompatibilität enthält die Beschreibung des Elements col.

 
Beispiel
 
<COL class="dateCols" width="15" align="right">
 
Wert

In HTML 4 und IE gibt es zwei Sätze von Attributwerten.

Was die Werte center, left und right bewirken, ist offensichtlich (sie können auch über das CSS-Attribut text-align repliziert werden). Mit der Einstellung justify wird der Inhalt so dargestellt, dass er sowohl mit der linken als auch der rechten Kante abschließt (Blocksatz). Beim Wert char muss außerdem mit dem Attribut char das Zeichen festgelegt werden, an dem die Ausrichtung erfolgen soll.

Sie sollten unbedingt beachten, dass sich das Attribut align auf alle Zeilen in allen durch ein col-Element definierten Spalten auswirkt, einschließlich von Ihnen für die Tabelle definierter th-Elemente. Um für die Spaltenüberschrift eine andere Ausrichtung zu erreichen, können Sie die Einstellung mit einem separaten align-Attribut oder dem Stylesheet-Attribut text-align für das thead- oder individuelle th-Elemente außer Kraft setzen.

WertIEHTML 4
center
char-
justify-
left
right
 
Standardwert

left

 
Objektmodellreferenz
 
[window.]document.getElementById(elementID).align
charNN 6 IE nicht zutreffend HTML 4  

char="character"

Optional  

Mit dem Attribut char wird das Textzeichen festgelegt, das als Ausrichtungspunkt für Text innerhalb einer Spalte dient. Dieses Attribut ist nur dann sinnvoll, wenn das Attribut align auf "char" gesetzt ist. Microsoft dokumentiert ein Attribut namens ch, das dem standardbasierten Attribut char entspricht. Der Browser spricht aber auf keines dieser Attribute an. Netscape 7 bietet noch keine Unterstützung für das Attribut char.

 
Beispiel
 
<COL class="priceColumn" align="char" char=".">
 
Wert

Ein beliebiges Textzeichen.

 
Standardwert

Keiner.

charoffNN 6 IE nicht zutreffend HTML 4  

charoff="length"

Optional  

Mit dem Attribut charoff können Sie einen spezifischen Versatz definieren, an dem das mit dem Attribut char festgelegte Zeichen in einer Zelle erscheinen soll. Dieses Attribut kommt dann zum Einsatz, wenn die Standardpositionierung des Browsers für die Designziele der Tabelle nicht geeignet ist. Microsoft dokumentiert ein Attribut namens choff, das dem standardbasierten Attribut charoff entspricht. Der Browser spricht aber auf keines dieser Attribute an. Netscape 7 bietet noch keine Unterstützung für das Attribut charoff.

 
Beispiel
 
<COL class="priceColumn" align="char" char="." charoff="80%">
 
Wert

Ein beliebiger Wert in Pixeln oder ein Prozentsatz des Zellenraums.

 
Standardwert

Keiner.

choff  

  

Siehe charoff.

spanNN 6 IE 3 HTML 4  

span="columnCount"

Optional  

Definiert die Anzahl benachbarter Spalten, für die die Attribut- und Stileinstellungen des col-Elements gelten sollen. Wird dieses Attribut weggelassen, wirkt sich das col-Element nur auf eine einzelne Spalte aus. Sie können mehrere col-Elemente mit verschiedenen span-Werten kombinieren, je nach den Erfordernissen bei der Spaltengruppierung. Weitere Informationen zur Netscape 6-Kompatibilität enthält die Beschreibung des Elements col.

 
Beispiel
 
<COL span="3">
 
Wert

Integerwert größer Null.

 
Standardwert

1

 
Objektmodellreferenz
 
[window.]document.getElementById(elementID).span
langNN 3 IE 4 HTML 4  

lang="languageCode"

Optional  

Die für die Attributwerte und Inhalte des Elements verwendete Sprache. Mithilfe dieser Informationen ist der Browser besser in der Lage, bestimmte Details wie Ligaturen (sofern von der betreffenden Schrift unterstützt oder in der geschriebenen Sprache erforderlich), Anführungszeichen und Worttrennungen korrekt darzustellen. Andere Anwendungen und Suchmaschinen können anhand dieser Informationen Wörterbücher für die Rechtschreibprüfung auswählen und Indizes erstellen.

 
Beispiel
 
<SPAN lang="de">Deutsche Bundesbahn</SPAN>
 
Wert

Sprachcode, bei dem nicht zwischen Groß- und Kleinschreibung unterschieden wird.

 
Standardwert

Vorgabe des Browsers.

 
Objektmodellreferenz
 
[window.]document.getElementById(elementID).lang
valignNN 6 IE 4 HTML 4  

valign="alignmentConstant"

Optional  

Bestimmt die vertikale Ausrichtung von Inhalt in den Zellen der Spalten, die vom col-Element umschlossen sind. Sie können die vertikale Ausrichtung von beliebigen Einzelzellen in der Spalte außer Kraft setzen. Weitere Informationen zur Netscape 6-Kompatibilität enthält die Beschreibung des Elements col.

 
Beispiel
 
<COL valign="middle">
 
Wert

Vier Konstanten werden vom IE 4 und später (Windows) und HTML 4 erkannt: top | middle | bottom | baseline. Bei den Werten top und bottom schließt der Inhalt mit dem oberen bzw. unteren Rand der Tabellenzelle ab (oder kommt diesem sehr nah). Bei der Einstellung middle (Standard) wird der Inhalt vertikal zentriert. Wenn die Möglichkeit besteht, dass sich Zelleninhalte bei üblichen Fensterbreiten auf mehrere Zeilen verteilen (variable Tabellenbreite vorausgesetzt), sollten die valign-Attribute aller Zellen derselben Zeile (oder alle col-Elemente) auf baseline gesetzt werden. Dadurch wird sichergestellt, dass die Textgrundlinie der ersten (oder einzigen) Zeile einer Zelle mit den anderen Zellen auf einer Linie liegt; dies ist normalerweise die ästhetisch ansprechendste Lösung.

 
Standardwert

middle

 
Objektmodellreferenz
 
[window.]document.getElementById(elementID).vAlign
widthNN 6 IE 4 HTML 4  

width="multiLength"

Optional  

Definiert die maximale Breite für die vom col-Element umschlossenen Spalten. In der Praxis (bei der Windows-Version von IE 4 und später ohnehin) wird keine Spalte schmaler als die breiteste zusammenhängende Zeichenfolge ohne Leerraum dargestellt (z. B. das längste Wort). Die genaue Breite einer solchen Spalte hängt selbstverständlich auch von den Schriftmerkmalen des Inhalts ab. Weitere Informationen zur Netscape 6-Kompatibilität enthält die Beschreibung des Elements col.

 
Beispiel
 
<COL width="100">
 
Wert

Internet Explorer akzeptiert für das Attribut width Längenwerte in Pixel (ohne die Einheit "px") oder eine Prozentangabe relativ zum horizontalen Platz, der für die gesamte Tabelle verfügbar ist (width="25%").

In der HTML 4-Spezifikation kommt eine zusätzliche Art der Längenmessung hinzu. Dieses Format wird als proportionale Länge bezeichnet (oder MultiLength) und verfügt über eine spezielle Schreibweise und Geometrie. Es eignet sich besonders für Situationen, in denen ein col-Element nach der verfügbaren Breite der Tabelle bemessen werden soll, nachdem alle festen Längen und Prozentlängen berechnet wurden. Mit der Schreibweise für proportionale Längen (eine Zahl mit nachfolgendem Sternsymbol) können Sie den Browser anweisen, den verbleibenden Platz proportional aufzuteilen. Wenn auf der Seite beispielsweise genug horizontaler Raum für 100 Pixel verbleibt, nachdem alle anderen Spaltenbreiten berechnet sind, könnten drei col-Elemente etwa die width-Attribute 1*, 3* und 1* angeben. Dies ergibt insgesamt fünf proportionale Segmente. Die 100 für die proportionalen Spalten verfügbaren Pixel werden auf die Spalten entsprechend ihren relativen Größen wie folgt verteilt: 20, 60 und 20 Pixel.

 
Standardwert

Abhängig von der Berechnung des Browsers.