Семантические теги для таблиц отличаются от обычных тегов тем, что они передают смысл содержащегося в них контента. skillbox.ru
Семантический подход к вёрстке таблиц подразумевает использование тегов в соответствии с их предназначением, а его суть заключается в верности выбора тегов и их взаимного расположения. skillbox.ru
Некоторые семантические теги для таблиц и их функции:
- <table>. synergy.ru Основной контейнер, который определяет таблицу. synergy.ru Все остальные элементы таблицы должны находиться внутри этого тега. synergy.ru
- <caption>. synergy.ru Определяет заголовок или название таблицы, который обычно отображается над таблицей. synergy.ru
- <thead>. synergy.ru Определяет группу заголовков таблицы. synergy.ru Внутри него обычно располагаются одна или несколько строк, содержащие заголовочные ячейки. synergy.ru
- <tbody>. synergy.ru Используется для группировки основной части содержимого таблицы. synergy.ru Может содержать одну или несколько строк, состоящих из ячеек данных. synergy.ru
- <tfoot>. synergy.ru Тег нужен для группировки нижней части содержимого таблицы, которая обычно содержит итоговые данные или заметки. synergy.ru
- <tr>. synergy.ru Создаёт строку в таблице. synergy.ru Является контейнером для элементов [th] и [td], которые представляют заголовочные и обычные ячейки. synergy.ru
- <th>. synergy.ru Используется для определения ячейки заголовка в таблице. synergy.ru Ячейки заголовков обычно отображаются жирным шрифтом и центрированы по умолчанию. synergy.ru
- <td>. synergy.ru Определяет стандартную ячейку данных в строке таблицы. synergy.ru
Использование семантических тегов помогает улучшить доступность контента, поисковую оптимизацию, качество кода и пользовательский опыт. synergy.ru