HTMLTableCellElement: abbr 屬性

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

HTMLTableCellElement 介面的 abbr 屬性表示單元格的縮寫。如果該單元格不代表標題單元格 <th>，則該屬性將被忽略。

它反映了 <th> 元素的 abbr 屬性。

注意：此屬性在瀏覽器中沒有視覺效果。它會新增資訊以幫助輔助技術（如螢幕閱讀器）使用此縮寫。

值

字串。

示例

此示例使用與每行第一個單元格的行標題關聯的縮寫來新增字首。

HTML

html

<table>
  <thead>
    <tr>
      <th abbr="Maker">Manufacturer</th>
      <th abbr="Model">Car model</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Tesla</td>
      <td>3</td>
    </tr>
    <tr>
      <td>BYD</td>
      <td>Dolphin</td>
    </tr>
    <tr>
      <td>VW</td>
      <td>ID.3</td>
    </tr>
  </tbody>
</table>

table {
  border-collapse: collapse;
}

th,
td,
table {
  border: 1px solid black;
}

button {
  margin: 1em 1em 1em 0;
}

JavaScript

const rows = document.querySelectorAll("thead tr");
const cells = rows[0].cells;

for (const cell of cells) {
  cell.textContent = `${cell.textContent} (${cell.abbr})`;
}

結果

規範

規範
HTML # dom-th-abbr

瀏覽器相容性

幫助改進 MDN

瞭解如何貢獻

此頁面的最後修改時間是 ⁨2024年10月16日⁩，由 MDN 貢獻者修改。

在 GitHub 上檢視此頁面 • 報告此內容的疑問