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

    HTML <td>元素定义了一个包含数据的表格单元格。

    浏览器支持

    所有浏览器都支持<td>

    示例

    <table>
      <tr>
        <td>cell a</td>
        <td>cell b</td>
      </tr>
    </table>
    
    cell acell b

    定义和用法

    <td>标签定义表格中的一个单元格。

    Content categoriesSectioning root.
    Permitted content流式内容元素.
    Tag omissionThe start tag is mandatory.
    The end tag may be omitted, if it is immediately followed by a<th>or<td>element or if there are no more data in its parent element.
    Permitted parents<tr>元素。
    Permitted ARIA rolesAny
    DOM 接口HTMLTableDataCellElement

    属性

    属性描述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)的其余部分。不支持。4
    valign
    • top
    • middle
    • bottom
    • baseline
    规定单元格内容的垂直排列方式。不支持。请使用 CSS 代替。4
    width
    • pixels
    • %
    规定表格单元格的宽度。不支持。请使用 CSS 代替。4

    HTML 4.01 与 HTML 5 之间的差异

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

    在 HTML 5 中,仅仅支持"colspan"和"rowspan"属性。

    实例

    一个简单的 HTML 表格,带有两个单元格:

    <table border="1">
    	<tr>
    		<td>cell a</td>
    		<td>cell b</td>
    	</tr>
    </table>
    

    上篇:<tbody>

    下篇:<tfoot>