如何正确使用<col>标签,并且它在所有浏览器中都被支持?

6
< p > < code ><col>标签的作用是什么?它是否被所有浏览器支持?

我尝试使用<col style="background:red">,但它在我的Firefox 3浏览器中无效。

<table width="100%" border="1">
  <col style="background:red">
  <caption> Table Caption </caption>
2个回答

5

它能够工作,但不影响标题。下面是一个工作的示例:

<html>
<head>
<title></title>
</head>
<body>

<table>
  <caption>test</caption>
  <col style="background:red" />
  <col style="background:blue" />
  <tr>
    <td>red</td>
    <td>blue</td>
  </tr>
  <tr>
    <td>red</td>
    <td>blue</td>
  </tr>
</table>

</body>
</html>

该标签在HTML 4.01(1997年)中定义,并且在XHTML中未被弃用,因此每个现代浏览器(只要用户界面允许)都应支持它,无论平台如何。


1
+1 感谢 Guffa,colcolgroup 有什么区别?从 <col> 中我们可以选择表格的任何列吗?是否有一种方法可以选择表格的行? - Jitendra Vyas
@metal-gear-solid:你可以将一个类放在tr元素中,并在样式表中定义它们的样式。否则,你必须为每个tr元素添加相同的属性。 - Guffa
上面的 xhtml 示例有些不正确。<caption> 必须在任何 <col> 或 <colgroup> 元素之前出现。 - pgoetz
@pgoetz:感谢您发现了这个问题,我已经纠正了代码。请注意,标准没有规定caption元素相对于colcolgroup元素的位置,而是必须在表格中作为第一个元素。 - Guffa
我已经花了很多时间盯着xhtml strict/transitional DTD(文档类型定义)。如果你看DTD,必需的顺序是清楚的。在浏览器中如何实现这一点则是任何人的猜测。 - pgoetz
显示剩余2条评论

2

它用于表格中为一列或一组列的所有单元格设置默认属性。

col标签按顺序定义,可以是HTML colgroup标签的一部分,也可以不是。

它在所有浏览器中都受支持。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接