HTMLTableCellElement: свойство abbr

Базовая линия Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Свойство abbr интерфейса HTMLTableCellElement указывает сокращение, связанное с ячейкой. Если ячейка не представляет собой ячейку заголовка <th>, оно игнорируется.

Оно отражает атрибут abbr элемента <th>.

Примечание: Это свойство не оказывает визуального эффекта в браузерах. Оно добавляет информацию для вспомогательных технологий, таких как программы чтения с экрана, которые могут использовать это сокращение.

Значение

Строка.

Примеры

В этом примере добавляются префиксы с сокращением, связанным с заголовком строки каждой первой ячейки.

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>

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

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`abbr`	1	12	1	≤12.1	3	18	4	≤12.1	1	1.0	4.4

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableCellElement/abbr