Latest web development tutorials

HTML <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

嘗試一下- 實例

表格中的標題
本例演示如何顯示表格標題。

空單元格
本例演示如何使用"&nbsp;" 處理沒有內容的單元格。

帶有標題的表格
本例演示一個帶標題(caption)的表格。

表格內的標籤
本例演示如何在其他的元素內顯示元素。

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


相關文章

HTML教程: HTML表格

HTML DOM參考手冊: Th對象