非常教程

HTML参考手册

标签 | Elements

col

HTML <col> 元素定义了一个列的表中,并用于在所有常见的细胞确定共同的语义。它通常在<colgroup>元素中找到。

此元素允许使用CSS设置样式列,但只有少数属性会对列产生影响(请参阅CSS 2.1规范中的列表)。

内容类别

没有。

允许的内容

没有,这是一个空的元素。

标记遗漏

开始标记是强制​​性的,但由于它是一个空元素,所以禁止使用结束标记。

允许父母

只有<colgroup>,尽管它可以隐式定义,因为它的开始标记不是必需的。<colgroup>不能有span属性。

允许ARIA角色

没有

DOM界面

HTMLTableColElement

属性

该元素包含全局属性。

align自HTML4.01开始弃用,自HTML5以来已废弃此枚举属性指定如何处理每个列单元格内容的水平对齐。可能的值是:

  • left,将内容对齐到单元格的左侧
  • center,将内容集中在单元格中
  • right,将内容对齐到单元格的右侧
  • justify,在文本内容中插入空格以便内容在单元格中合理
  • char,将特殊字符上的文本内容与最小偏移值进行对齐,由“ 未实现” char和“ charoff属性” 定义(请参阅错误2212)。

如果未设置此属性,则其值将从该元素所属align<colgroup>元素继承<col>。如果没有,left则假定该值。

注意:不要使用此属性,因为它在最新标准中已过时(不支持)。

  • 为了实现作为同样的效果leftcenterrightjustify值:
    • 不要尝试text-align在给出<col>元素的选择器上设置属性。因为<td>元素不是元素的后代<col>,所以它们不会继承它。
    • 如果表格不使用colspan属性,请使用td:nth-child(an+b)CSS选择器。设置a为零和b表格中列的位置,例如td:nth-child(2) { text-align: right; }右对齐第二列。
    • 如果该表使用colspan属性,则可以通过组合足够的CSS属性选择器来实现该效果[colspan=n],尽管这不是微不足道的。
  • 为了达到与charCSS3中的值相同的效果,可以使用值的值char作为text-align未实现属性的值。

bgcolor属性定义了列的每个单元格的背景颜色。它是sRGB中定义的6位十六进制代码之一,以'#'为前缀。可以使用十六个预定义颜色字符串中的一个:

black = "#000000"

green = "#008000"

silver = "#C0C0C0"

lime = "#00FF00"

gray = "#808080"

olive = "#808000"

white = "#FFFFFF"

yellow = "#FFFF00"

maroon = "#800000"

navy = "#000080"

red = "#FF0000"

blue = "#0000FF"

purple = "#800080"

teal = "#008080"

fuchsia = "#FF00FF"

aqua = "#00FFFF"

使用说明:不要使用该属性,因为它是非标准的,只能在某些版本的Microsoft Internet Explorer中实现:<col>元素应该使用CSS进行样式化。为了给bgcolor属性background-color提供类似的效果,请在相关<td>元素上使用CSS属性。

char自HTML4.01起弃用,自HTML5以来已过时此属性用于设置字符以对齐列上的单元格。典型值包括尝试对齐数字或货币值时的句点(.)。如果align未设置char,则忽略此属性。

注意:不要使用此属性,因为它在最新标准中已过时(并且不受支持)。为了达到与charCSS3中相同的效果,可以使用字符集char作为text-align属性Unimplemented 的值。

charoff自HTML4.01以来不推荐使用,自HTML5以来已过时此属性用于指示用来从char属性指定的对齐字符中偏移列数据的字符数

注意:不要使用此属性,因为它在最新标准中已过时(并且不受支持)。

span属性包含一个正整数,表示<col>元素跨越的连续列数。如果不存在,则其默认值为1valign自HTML4.01开始弃用,自HTML5以来已过时此属性指定列的每个单元格内文本的垂直对齐。此属性的可能值为:

  • baseline,它会将文本尽可能靠近单元格的底部,但将其对齐到字符的基线而不是底部。如果字符的大小都是一样的话,这和效果相同bottom
  • bottom,这将使文本尽可能靠近单元格的底部;
  • middle,它将文本居中在单元格中;
  • 并且top,这将使文本尽可能靠近单元格的顶部。

注意:不要使用此属性,因为它在最新标准中已过时(并且不受支持):

  • 不要尝试在给出<col>元素的选择器上设置vertical-align属性。因为<td>元素不是元素的后代<col>,所以它们不会继承它。
  • 如果表格不使用colspan属性,请使用td:nth-child(an+b)CSS选择器,其中a是表格中列的总数,而b是表格中列的序号位置。只有在这个选择器之后,vertical-align属性才能被使用。
  • 如果该表使用colspan属性,则可以通过组合足够的CSS属性选择器像[colspan=n]来实现该效果,尽管这不是微不足道的。

width自HTML5以来已过时此属性指定当前列组中每列的默认宽度。除了标准像素和百分比值之外,该属性可能采用特殊形式0*,这意味着组中每列的宽度应该是保持列内容所需的最小宽度。相对宽度0.5*也可以使用。

示例

请参阅<table>页面上的示例<col>

规范

规范

状态

评论

HTML Living Standard该规范中'<col>'的定义。

Living Strandard

HTML5该规范中'<col>'的定义。

建议

HTML 4.01规范该规范中'<col>'的定义。

建议

初始定义

浏览器兼容性

Feature

Chrome

Edge

Firefox

Internet Explorer

Opera

Safari

Basic Support

1

(Yes)

1

(Yes)

(Yes)

(Yes)

align

?

(Yes)

No1

(Yes)

?

?

bgcolor

?

No

No

(Yes)

?

?

char

?

(Yes)

No2

(Yes)

?

?

charoff

?

(Yes)

No2

(Yes)

?

?

span

1

(Yes)

1

(Yes)

(Yes)

(Yes)

valign

?

(Yes)

No1

(Yes)

?

?

width

1

(Yes)

1

(Yes)

(Yes)

(Yes)

Feature

Android

Chrome for Android

Edge mobile

Firefox for Android

IE mobile

Opera Android

iOS Safari

Basic Support

(Yes)

(Yes)

(Yes)

1

(Yes)

(Yes)

(Yes)

align

?

?

(Yes)

No1

(Yes)

?

?

bgcolor

?

?

No

No

(Yes)

?

?

char

?

?

(Yes)

No2

(Yes)

?

?

charoff

?

?

(Yes)

No2

(Yes)

?

?

span

(Yes)

(Yes)

(Yes)

1

(Yes)

(Yes)

(Yes)

valign

?

?

(Yes)

No1

(Yes)

?

?

width

(Yes)

(Yes)

(Yes)

1

(Yes)

(Yes)

(Yes)

HTML

超文本标记语言,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。