html中的caption有什么作用?怎么用法?
caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
caption和title的区别:Caption偏长,一般是指配合图片的说明文字,title很短.
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>
所有主流浏览器都支持 <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 已废弃。 定义标题的对齐方式。 |
HTML <caption> 标签的 align 属性
align 属性规定 caption 元素的对齐方式。该属性将 caption 作为块元素向表格的左边、右边、顶部、底部进行对齐。
align属性值
值 描述
left 标题在表格的左边。
right 标题在表格的右边。
top 标题在表格的上边。
bottom 标题在表格的下边。
<caption> 标签支持 HTML 的全局属性。
<caption> 标签支持 HTML 的事件属性。