HTML <th> 标签

  • <th>标签定义和用法

    <th>标记定义HTML表格中的标题单元格。 HTML表有两种单元格:
    • 标题单元格 - 包含标题信息(使用<th>元素创建)
    • 标准单元格 - 包含数据(使用<td>元素创建)
    <th>元素中的文本默认为粗体并居中。
    <td>元素中的文本是常规的,默认情况下是左对齐的。
    提示:使用colspan和rowspan属性让内容跨越多个列或行!
  • <th>标签浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    支持 支持 支持 支持 支持
  • <th>标签实例

    <table>
     <tr>
       <th>Month</th>
       <th>Savings</th>
     </tr>
     <tr>
       <td>January</td>
       <td>$100</td>
     </tr>
     <tr>
       <td>February</td>
       <td>$80</td>
     </tr>
    </table>
    尝试一下
  • HTML4.01和HTML5之间的差异

    HTML5中删除了所有布局属性。
  • <th>标签属性

    属性名 属性值 描述
    abbr text 指定标题单元格中内容的缩写版本
    align left right center justify char HTML5不支持。对齐标题单元格中的内容
    axis category_name HTML5不支持。对标题单元格进行分类
    bgcolor rgb(x,x,x) #xxxxxx colorname HTML5不支持。指定标题单元格的背景颜色
    char character HTML5不支持。将标题单元格中的内容与字符对齐
    charoff number HTML5不支持。设置内容将与char属性指定的字符对齐的字符数
    colspan number 指定标题单元格应跨越的列数
    headers header_id 指定与单元格相关的一个或多个标题单元格
    height pixels % HTML5不支持。设置标题单元格的高度
    nowrap nowrap HTML5不支持。指定标题单元格内的内容不应换行
    rowspan number 指定标题单元格应跨越的行数
    scope col colgroup row rowgroup 指定标题单元格是列,行还是列或行组的标题
    sorted reversed number reversed-number number-reversed 定义列的排序方向
    valign top middle bottom baseline HTML5不支持。垂直对齐标题单元格中的内容
    width pixels % HTML5不支持。指定标题单元格的宽度
  • <th>标签全局属性

    <th>标签还支持全局属性。 查看有关全局属性的更多知识。
  • <th>标签事件属性

    <th>标签还支持事件属性。 查看有关事件属性的更多知识。
  • <th>标签相关页面

    HTML教程:HTML表格
  • <th>标签默认CSS设置

    th {
       display: table-cell;
       vertical-align: inherit;
       font-weight: bold;
       text-align: center;
    }