阿西河

所有教程

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

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      HTML th 标签

      HTML <th> 标签功能

      <th> 标签定义 HTML 表格中的表头单元格。

      HTML 表格有两种单元格类型:

      • 表头单元格 - 包含头部信息(由 <th> 元素创建)
      • 标准单元格 - 包含数据(由 <td> 元素创建)

      <th> 元素中的文本通常呈现为粗体并且居中。

      <td> 元素中的文本通常是普通的左对齐文本。


      HTML <th> 标签用法

      一个简单的 HTML 表格,带有两个表头单元格和两个数据单元格:

      <table border="1">
          <tr>
              <th>Month</th>
              <th>Savings</th>
          </tr>
          <tr>
              <td>January</td>
              <td>$100</td>
          </tr>
      </table>
      

      HTML <th> 标签演示

      MonthSavings
      January$100

      浏览器支持

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


      注意事项

      如果需要将内容横跨多个行或列,请使用 colspan 和 rowspan 属性!


      HTML4 与 HTML5 之间的差异

      HTML 5 中不再支持 HTML4 中的某些属性。


      属性

      属性描述
      abbrtextHTML5 不支持。 规定表头单元格中内容的缩写版本。
      alignleft
      right
      center
      justify
      char
      HTML5 不支持。 规定表头单元格内容的水平对齐方式。
      axiscategory_nameHTML5 不支持。 对表头单元格进行分类。
      bgcolorrgb(x,x,x)
      #xxxxxx
      colorname
      HTML5 不支持。HTML4 已废弃。 规定表头单元格的背景颜色。
      charcharacterHTML5 不支持。 规定根据哪个字符来进行内容的对齐。
      charoffnumberHTML5 不支持。 规定对齐字符的偏移量。
      colspannumber规定表头单元格可横跨的列数。
      headersheader_id规定与表头单元格相关联的一个或多个表头单元格。
      heightpixels
      %
      HTML5 不支持。HTML4 已废弃。 规定表头单元格的高度。
      nowrapnowrapHTML5 不支持。HTML4 已废弃。 规定表头单元格中的内容是否折行。
      rowspannumber规定表头单元格可横跨的行数。
      scopecol
      colgroup
      row
      rowgroup
      规定表头单元格是否是行、列、行组或列组的头部。
      valigntop
      middle
      bottom
      baseline
      HTML5 不支持。 规定表头单元格内容的垂直排列方式。
      widthpixels
      %
      HTML5 不支持。HTML4 已废弃。 规定表头单元格的宽度。

      全局属性

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


      事件属性

      <th> 标签支持所有 HTML 的事件属性。


      目录
      目录