• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <caption>

    HTML<caption>元素(HTML表格标题元素)展示一个表格的标题,它常常作为<table>的第一个子元素出现,同时显示在表格内容的最前面,但是,它同样可以被CSS样式化,所以,它同样可以出现在任何一个一个相对于表格的做任意位置。

    浏览器支持

    所有主流浏览器都支持<caption>标签。

    示例

    <table>
      <caption>this is a caption</caption>
      <tr>
      <td>cell 1</td>
      <td>cell 2</td>
      </tr>
    </table>
    

    标签定义及使用说明

    • <caption>标签定义表格的标题。<caption>标签必须直接放置到<table>标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。然而,CSS 属性"text-align""caption-side"能用来设置标题的对齐方式和显示位置。
    • <table>元素是<caption>的父元素,caption是<figure>元素的唯一后代的时候,使用<figcaption>元素替代<caption>元素
    Content categoriesNone.
    Permitted content流式内容元素.
    Tag omission不允许,开始标签和结束标签都不能省略。
    允许的父元素A<table>element, as its first descendant.
    DOM接口HTMLTableCaptionElement

    属性

    属性描述
    alignleft
    right
    top
    bottom
    定义标题的对齐方式。
    HTML5 不支持。HTML 4.01 已废弃。

    HTML 4.01 与 HTML 5 之间的差异

    HTML 4.01 不赞成使用 align 属性。在 HTML 5 中,不支持该标签。请使用 CSS 代替。

    全局属性

    <caption>标签支持HTML 的全局属性。

    事件属性

    <caption>标签支持HTML 的事件属性。

    实例

    带有标题的表格:

    <table border="1">
    	<caption>monthly savings</caption>
    	<tr>
    	<th>month</th>
    	<th>savings</th>
    	</tr>
    	<tr>
    	<td>january</td>
    	<td>$100</td>
    	</tr>
    </table>
    

    下篇:<table>