複製鏈接
請複製以下鏈接發送給好友

Caption

(標籤定義表格的標題)

鎖定
標籤必須直接放置到 標籤之後。
每個表格只能規定一個標題。
通常標題會居中顯示在表格上方。CAPTION 元素是 TABLE 元素的子對象
外文名
Caption
定    義
標籤定義表格的標題
用    法
標籤必須直接放置 標籤之後。
全局屬性
如下圖所示

Caption定義和用法

<caption> 標籤定義表格的標題。
<caption> 標籤必須直接放置到 <table> 標籤之後。
每個表格只能規定一個標題。
通常標題會居中顯示在表格上方。
表格的標題,對錶格的簡單描述。説明:
CAPTION 元素應該是 TABLE 元素的子對象
TABLE 對象及其關聯元素有一個獨立的表格對象模型,該模式使用不同於常規對象模型的方法。要獲得關於表格對象模型更多的信息,請參看如何動態生成表格。
此元素在 Internet Explorer 3.0 及以上版本的 HTML 中可用,在 Internet Explorer 4.0 及以上版本的腳本中可用。1,它是內嵌元素;2.此元素需要關閉標籤。 [1] 

Caption差異

在 HTML 4.01 中不贊成使用 "align" 屬性,在 HTML5 中不支持該屬性。請使用 CSS 替代它。
例子1:
<html>
<body>
代碼運行後結果 代碼運行後結果
<h4>這個表格有標題:
</h4>
<table border="6">
<caption>表格標題</caption>
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
</table>
</body>
</html>
例子2
帶有標題的表格:
<table>
<caption>每月的存款</caption>
<tr> <th>月份</th>
<th>存款</th>
</tr>
<tr>
<td>一月</td>
<td>1000 元</td>
</tr>
</table>

Caption全局屬性

NEW:HTML 5 中新的全局屬性。
屬性
描述
規定訪問元素的鍵盤快捷鍵
class
規定元素的類名(用於規定樣式表中的類)。
規定是否允許用户編輯內容。
contextmenu
規定元素的上下文菜單
dir
規定元素中內容的文本方向。
draggable
規定是否允許用户拖動元素。
dropzone
規定當被拖動的項目/數據被拖放到元素中時會發生什麼。
hidden
規定該元素是無關的。被隱藏的元素不會顯示。
id
規定元素的特定 ID。
lang
規定元素中內容的語言代碼。
spellcheck
規定是否必須對元素進行拼寫或語法檢查。
style
規定元素的行內樣式。
tabindex
規定元素的 tab 鍵控制次序。
title
規定有關元素的額外信息。
[1] 

Caption事件屬性

onafterprint、onbeforeprint、onchange、onselect、onkeydownondragstart、onmouseover、onmouseup、onbeforeonload、onabort、onfocus等 [2] 
參考資料