HTML <th> 標(biāo)簽

2022-06-01 15:56 更新

<th> 標(biāo)簽表示HTML表格的表頭部分,該標(biāo)簽中的內(nèi)容會(huì)以粗體顯示,請(qǐng)參考下述示例:

實(shí)例

一個(gè)簡(jiǎn)單的 HTML 表格,帶有兩個(gè)表頭單元格和兩個(gè)數(shù)據(jù)單元格:

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

嘗試一下 ?
(更多實(shí)例見(jiàn)頁(yè)面底部)

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 <th> 標(biāo)簽。


標(biāo)簽定義及使用說(shuō)明

<th> 標(biāo)簽定義 HTML 表格中的表頭單元格。

HTML 表格有兩種單元格類型:

  • 表頭單元格 - 包含頭部信息(由 <th> 元素創(chuàng)建)
  • 標(biāo)準(zhǔn)單元格 - 包含數(shù)據(jù)(由 <td> 元素創(chuàng)建)

<th> 元素中的文本通常呈現(xiàn)為粗體并且居中。

<td> 元素中的文本通常是普通的左對(duì)齊文本。


提示和注釋

提示:如果需要將內(nèi)容橫跨多個(gè)行或列,請(qǐng)使用 colspan 和 rowspan 屬性!


HTML 4.01 與 HTML5之間的差異

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


屬性

屬性 描述
abbr text HTML5 不支持。 規(guī)定表頭單元格中內(nèi)容的縮寫版本。
align left
right
center
justify
char
HTML5 不支持。 規(guī)定表頭單元格內(nèi)容的水平對(duì)齊方式。
axis category_name HTML5 不支持。 對(duì)表頭單元格進(jìn)行分類。
bgcolor rgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定表頭單元格的背景顏色。
char character HTML5 不支持。 規(guī)定根據(jù)哪個(gè)字符來(lái)進(jìn)行內(nèi)容的對(duì)齊。
charoff number HTML5 不支持。 規(guī)定對(duì)齊字符的偏移量。
colspan number 規(guī)定表頭單元格可橫跨的列數(shù)。
headers header_id 規(guī)定與表頭單元格相關(guān)聯(lián)的一個(gè)或多個(gè)表頭單元格。
height pixels
%
HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定表頭單元格的高度。
nowrap nowrap HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定表頭單元格中的內(nèi)容是否折行。
rowspan number 規(guī)定表頭單元格可橫跨的行數(shù)。
scope col
colgroup
row
rowgroup
規(guī)定表頭單元格是否是行、列、行組或列組的頭部。
valign top
middle
bottom
baseline
HTML5 不支持。 規(guī)定表頭單元格內(nèi)容的垂直排列方式。
width pixels
%
HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定表頭單元格的寬度。


全局屬性

<th> 標(biāo)簽支持 HTML 的全局屬性。


事件屬性

<th> 標(biāo)簽支持所有 HTML 的事件屬性。


Examples

嘗試一下 - 實(shí)例

表格中的標(biāo)題
本例演示如何顯示表格標(biāo)題。

空單元格
本例演示如何使用 " " 處理沒(méi)有內(nèi)容的單元格。

帶有標(biāo)題的表格
本例演示一個(gè)帶標(biāo)題(caption)的表格。

表格內(nèi)的標(biāo)簽
本例演示如何在其他的元素內(nèi)顯示元素。

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


相關(guān)文章

HTML 教程:HTML 表格

HTML DOM 參考手冊(cè):Th 對(duì)象


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)