?
This document uses PHP Chinese website manual Release
HTML <td> 元素 定義了包含數(shù)據(jù)的表的一個(gè)單元格。它參與表格模型。
內(nèi)容類別 | 沒有。 |
|---|---|
允許的內(nèi)容 | Flow content. |
標(biāo)記遺漏 | 開始標(biāo)記是強(qiáng)制性的。如果緊跟著一個(gè)<th>或<td>元素，或者在其父元素中沒有更多的數(shù)據(jù)，則可以省略結(jié)束標(biāo)記。 |
允許的父母 | 一個(gè)<tr>元素。 |
允許ARIA角色 | 任何 |
DOM接口 | HTMLTableDataCellElement |
屬性
這個(gè)元素包含全局屬性。
abbr
自HTML5以來已過時(shí)，此屬性包含單元格內(nèi)容的簡短縮寫描述。某些用戶代理（例如語音閱讀器）可以在內(nèi)容本身之前呈現(xiàn)該描述。
注意：不要使用這個(gè)屬性，因?yàn)樗谧钚碌臉?biāo)準(zhǔn)中已經(jīng)過時(shí)了：取而代之，要么考慮通過一個(gè)獨(dú)立的縮略內(nèi)容本身來開始單元格內(nèi)容，要么使用縮寫內(nèi)容作為單元格內(nèi)容，并使用長內(nèi)容作為單元格的描述把它放在title屬性中。
align
自HTML4.01起棄用，自HTML5以來已廢棄此枚舉屬性指定如何處理每個(gè)單元格內(nèi)容的水平對(duì)齊?？赡艿闹凳牵?/p>
left，將內(nèi)容對(duì)齊到單元格的左側(cè)
center，將內(nèi)容集中在單元格中
right，將內(nèi)容對(duì)齊到單元格的右側(cè)
justify，在文本內(nèi)容中插入空格以便內(nèi)容在單元格中合理
char，在一個(gè)特殊的字符的文本內(nèi)容以最小的偏移量，由定義的對(duì)準(zhǔn)char和charoff屬性未實(shí)現(xiàn)（參見錯(cuò)誤2212）。
如果未設(shè)置此屬性，則假定該值為left。
注意：不要使用這個(gè)屬性，因?yàn)樗谧钚碌臉?biāo)準(zhǔn)中是過時(shí)的（不支持）。
為了實(shí)現(xiàn)作為同樣的效果
left，center，right，或justify值，使用CSStext-align就可以了財(cái)產(chǎn)。
為了達(dá)到與
charCSS3中的值相同的效果，可以使用值的值char作為text-align未實(shí)現(xiàn)屬性的值。
axis自HTML5以來已過時(shí)此屬性包含空格分隔字符串的列表。每個(gè)字符串都是此標(biāo)頭適用的一組單元格的標(biāo)識(shí)。
注意：不要使用這個(gè)屬性，因?yàn)樗谧钚碌臉?biāo)準(zhǔn)中已經(jīng)過時(shí)：而是使用scope屬性。
bgcolor該屬性定義列的每個(gè)單元格的背景顏色。它是sRGB中定義的6位十六進(jìn)制代碼之一，以“＃”為前綴?？梢允褂檬鶄€(gè)預(yù)定義顏色字符串中的一個(gè)：
black = "#000000" | green = "#008000" | ||
|---|---|---|---|
silver = "#C0C0C0" | lime = "#00FF00" | ||
gray = "#808080" | olive = "#808000" | ||
white = "#FFFFFF" | yellow = "#FFFF00" | ||
maroon = "#800000" | navy = "#000080" | ||
red = "#FF0000" | blue = "#0000FF" | ||
purple = "#800080" | teal = "#008080" | ||
fuchsia = "#FF00FF" | aqua = "#00FFFF" |
使用說明：不要使用這個(gè)屬性，因?yàn)樗欠菢?biāo)準(zhǔn)的，只能在某些版本的Microsoft Internet Explorer中實(shí)現(xiàn)：<td>元素應(yīng)該使用CSS進(jìn)行樣式化。為了給bgcolor屬性一個(gè)類似的效果，改用CSS屬性background-color。
char自HTML4.01開始棄用，自HTML5以來已過時(shí)此屬性用于設(shè)置字符以對(duì)齊列中的單元格。典型值包括嘗試對(duì)齊數(shù)字或貨幣值時(shí)的句點(diǎn)（。）。如果align未設(shè)置char，則忽略此屬性。
注意：不要使用這個(gè)屬性，因?yàn)樗谧钚碌臉?biāo)準(zhǔn)中是過時(shí)的（并且不被支持）。為了達(dá)到與charCSS3中相同的效果，可以使用char屬性的字符集作為text-align屬性Unimplemented 的值。
charoff自HTML4.01開始棄用，自HTML5以來已過時(shí)此屬性用于指示從char屬性指定的對(duì)齊字符中偏移列數(shù)據(jù)的字符數(shù)。
注意：不要使用這個(gè)屬性，因?yàn)樗谧钚碌臉?biāo)準(zhǔn)中是過時(shí)的（并且不被支持）。
colspan此屬性包含一個(gè)非負(fù)整數(shù)值，指示單元格擴(kuò)展的列數(shù)。它的默認(rèn)值是1。高于1000的值將被視為不正確，并將被設(shè)置為默認(rèn)值（1）。
headers該屬性包含空格分隔的字符串列表，每個(gè)字符串對(duì)應(yīng)于應(yīng)用于此元素的元素的id屬性<th>。
rowspan該屬性包含一個(gè)非負(fù)整數(shù)值，指示單元格延伸的行數(shù)。它的默認(rèn)值是1; 如果它的值被設(shè)置為0，其延伸直到表部的端部（<thead>，<tbody>，<tfoot>，即使隱式定義的，該小區(qū)所屬的值高于65534被限幅下降到65534。
scope過時(shí)于HTML5
valign已過時(shí)于HTML4.01，過時(shí)由于HTML5該屬性指定表頭的單元的每一行中的文本的垂直對(duì)齊。這個(gè)屬性的可能值是：
baseline，這將把文本盡可能靠近單元格的底部，但將其對(duì)齊在字符的基線而不是底部。如果字符的大小相同，則與此效果相同bottom。
bottom，這將使文本盡可能靠近單元格的底部
middle，將文本置于單元格中間。
top這將使文本盡可能靠近單元格的頂部。
注意：不要使用這個(gè)屬性，因?yàn)樗谧钚碌臉?biāo)準(zhǔn)中是過時(shí)的（并且不被支持）：而是vertical-align在其上設(shè)置CSS 屬性。
width自HTML4.01開始棄用，自HTML5以來已過時(shí)
此屬性用于定義推薦的單元格寬度。屬性cellspacing和cellpadding可能會(huì)增加額外的空間，而元素的<col>寬度也可能會(huì)有一些影響。一般來說，如果列的寬度太窄而不能正確顯示某個(gè)特定的單元格，那么在顯示時(shí)就會(huì)加寬它的單元格。
注意：不要在最新的標(biāo)準(zhǔn)中使用這個(gè)屬性：改為設(shè)置CSS width屬性。
例子
請(qǐng)參閱<table>頁面上的例子<td>。
規(guī)范
Specification | Status | Comment |
|---|---|---|
HTML Living StandardThe definition of 'td element' in that specification. | Living Standard | |
HTML5The definition of 'td element' in that specification. | Recommendation |
瀏覽器兼容性
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
Basic Support | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
abbr | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
align | ? | (Yes) | No1 | (Yes) | ? | ? |
axis | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
bgcolor | ? | No | No | (Yes) | ? | ? |
char | ? | (Yes) | No2 | (Yes) | ? | ? |
charoff | ? | (Yes) | No2 | (Yes) | ? | ? |
colspan | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
headers | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
rowspan | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
scope | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
valign | ? | (Yes) | No1 | (Yes) | ? | ? |
width | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
abbr | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
align | ? | ? | (Yes) | No1 | (Yes) | ? | ? |
axis | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
bgcolor | ? | ? | No | No | (Yes) | ? | ? |
char | ? | ? | (Yes) | No2 | (Yes) | ? | ? |
charoff | ? | ? | (Yes) | No2 | (Yes) | ? | ? |
colspan | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
headers | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
rowspan | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
scope | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
valign | ? | ? | (Yes) | No1 | (Yes) | ? | ? |
width | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |