HTML5 <caption> 標簽

2022-05-23 14:44 更新

實例

HTML5 <caption>標簽用來為表格定義一個標題,使用示例如下:

帶有標題的表格:

<table border="1"> 
<caption>Monthly savings</caption> 
<tr> <th>Month</th> <th>Savings</th> </tr> 
<tr> <td>January</td> <td>$100</td> </tr>
</table>
嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 <caption> 標簽。


標簽定義及使用說明

<caption> 標簽定義表格的標題。

<caption> 標簽必須直接放置到 <table> 標簽之后。

您只能對每個表格定義一個標題。

提示:通常這個標題會被居中于表格之上。然而,CSS 屬性 "text-align" 和 "caption-side" 能用來設置標題的對齊方式和顯示位置。


HTML 4.01 與 HTML5之間的差異

HTML5 不支持 align 屬性。

HTML 4.01 已廢棄 align 屬性。


屬性

屬性 描述
align (已廢棄)
left
right
top
bottom
HTML5 不支持。HTML 4.01 已廢棄。 定義標題的對齊方式。

使用說明: 當 <table> 元素是 <caption> 的父元素,caption是 <figure> 元素的唯一后代的時候,使用 <figcaption> 元素替代 caption 元素


全局屬性

<caption> 標簽支持 HTML 的全局屬性。


事件屬性

<caption> 標簽支持 HTML 的事件屬性。


以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號