阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      HTML caption 标签

      caption 标签的功能

      caption 标签定义了表格的标题。

      caption 标签的用法

      如果需要做一个带有标题的表格,可以下面这样:

      <table border="1">
        <caption style='border: 1px solid #aaa;text-align:center;'>
          阿西河前端教程
        </caption>
        <tr>
          <th>教程名</th>
          <th>日期</th>
        </tr>
        <tr>
          <td>HTML标签的用法</td>
          <td>2020年2月10日</td>
        </tr>
      </table>
      

      caption 标签的效果

      渲染效果如下(样式由定义的 CSS 控制):

      阿西河前端教程
      教程名日期
      HTML标签的用法2020年2月10日

      浏览器支持

      所有主流浏览器都支持 <caption> 标签,可以放心使用。


      注意事项

      • <caption> 标签必须直接放置到 <table> 标签之后。
      • 您只能对每个表格定义一个标题。
      • 可以通过 CSS 属性 text-aligncaption-side 来设置标题的对齐方式和显示位置。

      已经废弃的 align 属性

      • HTML5 不支持 align 属性。
      • HTML4 已废弃 align 属性。
      属性描述
      alignleft
      right
      top
      bottom
      HTML5 不支持。
      HTML4 已废弃。
      定义标题的对齐方式。
      可以通过使用 CSS 属性来实现

      全局属性

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


      事件属性

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

      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录