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

    HTML<th>元素定义表格内的表头单元格。这部分特征是由 scope and headers 属性准确定义的。

    浏览器支持

    所有浏览器都支持<th>

    示例

    <table>
      <tr>
        <th>header 1</th>
        <th>header 2</th>
      </tr>
      <tr>
        <td>cell a</td>
        <td>cell b</td>
      </tr>
    </table>
    
    header 1header 2
    cell acell b

    定义和用法

    <th>标签定义表格内的表头单元格。此 th 元素内部的文本通常会呈现为粗体。

    内容范畴
    允许内容流内容(除header、footer、章节内容元素或标题内容元素的继承。)
    遗漏标签开始标签是必需要的,而结束标签有时可以省略:当其后是<th><td>,或者其后没有其他数据内容在其父元素内,。
    允许的父级元素<tr>元素
    元素类型任何
    DOM接口HTMLTableHeaderCellElement

    属性

    属性描述45
    abbrabbr_text规定单元格中内容的缩写版本。不支持。4
    align
    • left
    • right
    • center
    • justify
    • char
    规定单元格内容的水平排列方式。不支持。请使用 CSS 代替。4
    axiscategory_names为单元格定义一个名字。不支持。4
    bgcolor
    • rgb(x,x,x)
    • #xxxxxx
    • colorname
    规定单元格的背景颜色。不支持。请使用 CSS 代替。4
    charcharacter规定根据哪个字符来进行文本对齐。不支持。请使用 CSS 代替。4
    charoff
    • pixels
    • %
    规定第一个对齐字符的偏移量。不支持。请使用 CSS 代替。4
    colspannumber规定此单元格可横跨的列数。45
    headersheader_cells'_id空格分隔的单元格 ID 列表。不支持。4
    heightpixels规定表格单元格的高度。不支持。请使用 CSS 代替。4
    nowrapnowrap是否禁用或启用单元格中的文本环绕。不支持。请使用 CSS 代替。4
    rowspannumber规定此单元格可横跨的行数。45
    scope
    • col
    • colgroup
    • row
    • rowgroup
    规定此单元格是否为以下部分提供表头信息:包含此单元格的行 row)的其余部分,包含此单元格的列(col)的其余部分,包含此单元格的行组(rowgroup)的其余部分,包含此单元格的列组(colgroup)的其余部分。不支持。45
    valign
    • top
    • middle
    • bottom
    • baseline
    规定单元格内容的垂直排列方式。不支持。请使用 CSS 代替。4
    width
    • pixels
    • %
    规定表格单元格的宽度。不支持。请使用 CSS 代替。4

    HTML 4.01 与 HTML 5 之间的差异

    在 HTML 4.01 中,th 元素的"bgcolor"、"height"、"width"以及"nowrap"属性是不被赞成使用的。

    在 HTML 5 中,仅仅支持"colspan"、"rowspan"以及"scope"属性。

    例子

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

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

    上篇:<tfoot>

    下篇:<thead>