阅读(38)

HTML5 <td> 标签

最后一次修改 2017年08月02日

实例

<!DOCTYPE html>
<html>
<body>

<table border="1">
  <tr>
    <td>Cell A</td>
    <td>Cell B</td>
  </tr>
</table>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例



浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 <td> 标签。


标签定义及使用说明

<td> 标签定义 HTML 表格中的标准单元格。

HTML 表格有两种单元格类型:

  • 表头单元格 - 包含头部信息(由 <th> 元素创建)

  • 标准单元格 - 包含数据(由 <td> 元素创建)

<th> 元素中的文本通常呈现为粗体并且居中。

<td> 元素中的文本通常是普通的左对齐文本。


提示和注释

提示:如果需要将内容横跨多个行或列,请使用 colspan 和 rowspan 属性!


HTML 4.01 与 HTML5之间的差异

HTML 5 中不再支持 HTML 4.01 中的某些属性。


属性

属性 描述
abbr text HTML5 不支持。规定单元格中内容的缩写版本。
align left
     right
     center
     justify
     char
HTML5 不支持。规定单元格内容的水平对齐方式。
axis category_name HTML5 不支持。对单元格进行分类。
bgcolor rgb(x,x,x)
   #xxxxxx
   colorname
HTML5 不支持。HTML 4.01 已废弃。 规定单元格的背景颜色。
char character HTML5 不支持。规定根据哪个字符来进行内容的对齐。
charoff number HTML5 不支持。规定对齐字符的偏移量。
colspan number 规定单元格可横跨的列数。
headers header_id 规定与单元格相关联的一个或多个表头单元格。
height pixels
   %
HTML5 不支持。HTML 4.01 已废弃。
设置单元格的高度。
nowrap nowrap HTML5 不支持。HTML 4.01 已废弃。
规定单元格中的内容是否折行。
rowspan number 设置单元格可横跨的行数。
scope col
     colgroup
     row
     rowgroup
HTML5 不支持。定义将表头单元格与数据单元格相关联的方法。
valign top
     middle
     bottom
     baseline
HTML5 不支持。规定单元格内容的垂直排列方式。
width pixels
   %
HTML5 不支持。HTML 4.01 已废弃。 规定单元格的宽度。


全局属性

<td> 标签支持 HTML 的全局属性。


事件属性

<td> 标签支持 HTML 的事件属性