: Элемент заголовка таблицы — HTML: язык гипертекстовой разметки
HTML-элемент
определяет ячейку как заголовок группы ячеек таблицы. Точный характер этой группы определяется атрибутами области и заголовков .
Этот элемент включает глобальные атрибуты.
сокращение
Этот атрибут содержит краткое сокращенное описание содержимого ячейки. Некоторые пользовательские агенты, такие как средства чтения речи, могут отображать это описание перед самим содержимым.
столбец
Этот атрибут содержит неотрицательное целочисленное значение, указывающее, на сколько столбцов расширяется ячейка. Его значение по умолчанию — 1 . Значения выше 1000 будут считаться неправильными и будут установлены на значение по умолчанию (1).
Этот атрибут содержит список строк, разделенных пробелами, каждая из которых соответствует атрибуту
id элементов
, которые применяются к этому элементу.
рядов
Этот атрибут содержит неотрицательное целочисленное значение, указывающее, на сколько строк расширяется ячейка. Его значение по умолчанию — 1 ; если его значение установлено на 0 , оно распространяется до конца раздела таблицы ( , , , даже если неявно определено), которому принадлежит ячейка. Значения выше 65 534 обрезаются до 65 534.
прицел
Этот перечисляемый атрибут определяет ячейки, к которым относится элемент заголовка (определенный в
). Может иметь следующие значения:
строка : Заголовок относится ко всем ячейкам строки, к которой он принадлежит.
col : Заголовок относится ко всем ячейкам столбца, к которому он принадлежит.
группа строк : Заголовок принадлежит группе строк и относится ко всем ее ячейкам. Эти ячейки могут быть размещены справа или слева от заголовка, в зависимости от значения атрибут dir в элементе
.
colgroup : Заголовок принадлежит colgroup и относится ко всем ее ячейкам.
Если атрибут scope не указан или его значение не равно row , col , rowgroup или colgroup , тогда браузеры автоматически выбирают набор ячеек, к которым относится ячейка заголовка.
Устаревшие атрибуты
выравнивание Устаревший
Этот перечисляемый атрибут указывает, как будет обрабатываться горизонтальное выравнивание содержимого ячейки. Возможные значения:
слева : Содержимое выравнивается по левому краю ячейки.
center : Содержимое располагается по центру ячейки.
справа : Содержимое выравнивается по правому краю ячейки.
обосновать (только с текстом): содержимое растягивается внутри ячейки так, чтобы покрыть всю ее ширину.
char (только с текстом): содержимое выравнивается по символу внутри элемента
с минимальным смещением. Этот символ определяется атрибутами char и charoff .
Значение по умолчанию, если этот атрибут не указан, равно , осталось .
Примечание: Не используйте этот атрибут, так как он устарел в последнем стандарте.
Чтобы добиться того же эффекта, что и значения left , center , right или justify , примените свойство CSS text-align к элементу.
Чтобы добиться того же эффекта, что и значение char , присвойте свойству text-align то же значение, которое вы использовали бы для char .
ось Устаревший
Этот атрибут содержит список строк, разделенных пробелами. Каждая строка представляет собой идентификатор группы ячеек, к которым применяется этот заголовок.
Примечание: Не используйте этот атрибут, так как он устарел в последнем стандарте: используйте вместо него атрибут области .
цвет Устаревший
Этот атрибут определяет цвет фона каждой ячейки в столбце. Он состоит из 6-значного шестнадцатеричного кода, определенного в sRGB, и имеет префикс «#».
символ Устаревший
Содержимое элемента ячейки выровнено по символу. Типичные значения включают точку (. ) для выравнивания чисел или денежных значений. Если для align не установлено значение char , этот атрибут игнорируется.
Примечание: Не используйте этот атрибут, так как он устарел в последнем стандарте. Чтобы добиться того же эффекта, вы можете указать символ в качестве первого значения text-align свойство.
уголь Устаревший
Этот атрибут используется для сдвига данных столбца вправо от символа, указанного атрибутом char . Его значение определяет продолжительность этого сдвига.
Примечание: Не используйте этот атрибут, так как он устарел в последнем стандарте.
высота Устаревший
Этот атрибут используется для определения рекомендуемой высоты ячейки.
Примечание: Не используйте этот атрибут, так как он устарел в последнем стандарте: вместо этого используйте свойство CSS
height .
валайн Устаревший
Этот атрибут указывает, как текст выравнивается по вертикали внутри ячейки. Возможные значения этого атрибута:
базовая линия : текст размещается ближе к нижней части ячейки и выравнивается по базовой линии символов, а не по нижней. Если символы не опускаются ниже базовой линии, значение базовой линии дает тот же эффект, что и 9.0004 снизу .
нижний : Помещает текст в нижнюю часть ячейки.
средний : Центрирует текст в ячейке.
и top : размещает текст в верхней части ячейки.
Примечание: Не используйте этот атрибут, так как он устарел в последнем стандарте: вместо этого используйте свойство CSS вертикального выравнивания .
ширина Устаревший
Этот атрибут используется для определения рекомендуемой ширины ячейки. Дополнительное пространство можно добавить с помощью свойств CellPacing и CellPadding , а ширина элемента
также может создать дополнительную ширину. Но если ширина столбца слишком мала для правильного отображения конкретной ячейки, она будет расширена при отображении.
Примечание: Не используйте этот атрибут, так как он устарел в последнем стандарте: используйте CSS 9Вместо свойства 0004 ширина .
См.
для примеров по
.
Категории контента
Нет.
Разрешенный контент
Потоковое содержимое, но без верхнего, нижнего колонтитула, содержимого разделов или содержимого заголовка
потомки.
Отсутствие тега
Начальный тег обязателен. Конечный тег может быть опущен, если он
сразу же следует
или
элемент или если в его
родительский элемент.
Разрешенные родители
Элемент
.
Неявная роль ARIA
заголовок столбца или заголовок строки
Разрешенные роли ARIA
Любой
Интерфейс DOM
HTMLTableCellElement
Спецификация
Стандарт HTML # the-th-element
903 77
Таблицы BCD загружаются только в браузере с включенным JavaScript. Включите JavaScript для просмотра данных.
Другие элементы HTML, связанные с таблицами:
,
,
,
, ,
, , ,
.
Обнаружили проблему с содержанием этой страницы?
Отредактируйте страницу на GitHub.
Сообщить о проблеме с содержимым.
Посмотреть исходный код на GitHub.
Хотите принять участие?
Узнайте, как внести свой вклад.
Последний раз эта страница изменялась от участников MDN.
Таблицы с двумя заголовками | Web Accessibility Initiative (WAI)
в учебнике по таблицам
Обзор
На этой странице рассматриваются таблицы с простым заголовком строки и простым заголовком столбца.
В таких таблицах связь между заголовками и ячейками данных быстро становится неоднозначной. Для таких таблиц используйте элемент
для идентификации ячеек заголовков и атрибут scope для объявления направления каждого заголовка. 9Атрибут 0004 scope может быть установлен на row или col , чтобы обозначить, что заголовок применяется ко всей строке или столбцу соответственно.
Кроме того, вы можете использовать элемент
для идентификации таблицы в документе. Это особенно полезно для пользователей программ чтения с экрана, просматривающих веб-страницу в «табличном режиме», где они могут переходить от таблицы к таблице. Дополнительные сведения и рекомендации по использованию элемента
приведены на странице Заголовок и сводка.
Таблица с ячейками заголовка в верхней строке и первом столбце
Следующая таблица времени открытия имеет заголовок как в верхней строке, так и в первом столбце. Все ячейки заголовков размечены как
ячеек с добавленными атрибутами scope .
В строке заголовка значение столбца для области связывает каждую ячейку заголовка с ячейками данных в столбце. В столбце заголовка значение строки связывает отдельные заголовки с их строками. Без этой информации некоторым пользователям было бы трудно понять взаимосвязь между заголовком и ячейками данных. В приведенном ниже примере метки «Открыто» и «Закрыто» полезны только в том случае, если их можно присвоить определенному дню и времени.
Пример
Слоты доставки:
Понедельник
вторник
Среда
Четверг
Пятница
09:00 – 11:00
закрыто
Открыть
Открыть
закрыто
закрыто
11:00 – 13:00
Открыть
Открыть
закрыто
Закрыто
закрыто
13:00 – 15:00
Открыть
Открыть
Открыть
закрыто
закрыто
15:00 – 17:00
закрыто
закрыто
закрыто
Открыть
Открыть
Фрагмент кода
<таблица>
Слоты доставки:
<тд>
Понедельник
Вторник
Среда
Четверг
пятница
09:00 – 11:00
Закрыто
Открыть
Открыть
Закрыто
Закрыто
11:00–13:00
Открыть
Открыть
Закрыто
Закрыто
Закрыто
[…]
Полный код для «Таблица с ячейками заголовка в верхней строке и первом столбце»
Таблица со смещенным столбцом ячеек заголовка
В этой таблице ячейки заголовков строк находятся во втором, а не в первом столбце.
Эти ячейки могут быть размещены справа или слева от заголовка, в зависимости от значения 
) для выравнивания чисел или денежных значений. Если для 
Включите JavaScript для просмотра данных.
Все ячейки заголовков размечены как 