您的位置:58编程 > html5+css3网页设计基础教程 HTML5 <th> 标签

html5+css3网页设计基础教程 HTML5 <th> 标签

2023-05-07 07:33 HTML5教程

html5+css3网页设计基础教程 HTML5 <th> 标签

html5+css3网页设计基础教程 HTML5 <th> 标签

html5+css3网页设计基础教程

实例

HTML5 <th>标签用于表示一个表格的表头。请参考下述示例:

一个简单的 HTML 表格,带有两个表头单元格和两个数据单元格:

<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

(更多实例见页面底部)

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


标签定义及使用说明

<th> 标签定义 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
规定表头单元格是否是行、列、行组或列组的头部。
valign top
middle
bottom
baseline
HTML5 不支持。 规定表头单元格内容的垂直排列方式。
width pixels
%
HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格的宽度。


全局属性

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


事件属性

<th> 标签支持所有 HTML 的事件属性。


Examples

尝试一下 - 实例

表格中的标题
本例演示如何显示表格标题。

空单元格
本例演示如何使用 " " 处理没有内容的单元格。

带有标题的表格
本例演示一个带标题(caption)的表格。

表格内的标签
本例演示如何在其他的元素内显示元素。

跨行或跨列的表格单元格
本例演示如何定义跨行或跨列的表格单元格。


相关文章

HTML 教程:HTML 表格

HTML DOM 参考手册:Th 对象

阅读全文
以上是58编程为你收集整理的html5+css3网页设计基础教程 HTML5 <th> 标签全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 58编程 58biancheng.com 版权所有 联系我们
桂ICP备12005667号-32 Powered by CMS