HTMLтаблицы


Вступление

Элемент HTML <table> позволяет веб-авторам отображать табличные данные (например, текст, изображения, ссылки, другие таблицы и т. Д.) В двумерной таблице со строками и столбцами ячеек.

Синтаксис

  • <table></table>
  • <thead></thead>
  • <tbody></tbody>
  • <tfoot></tfoot>
  • <tr></tr>
  • <th></th>
  • <td></td>

замечания

Различные элементы таблицы и их атрибуты содержимого вместе определяют модель таблицы. Элемент <table> - это элемент контейнера для табличных моделей / табличных данных. Таблицы содержат строки, столбцы и ячейки, данные их потомками. Строки и столбцы образуют сетку; ячейки таблицы должны полностью покрывать эту сетку без перекрытия. В приведенном ниже списке описаны различные элементы таблицы:

  • <table> - Элемент контейнера для табличных моделей / табличных данных. <table> представляет данные с более чем одним измерением в виде таблицы.
  • <caption> - заголовок или заголовок таблицы (как figcaption к figure )
  • <col> - столбец (элемент без содержимого)
  • <colgroup> - группировка столбцов
  • <thead> - Заголовок таблицы (только один)
  • <tbody> - Тело / содержимое таблицы (несколько в порядке)
  • <tfoot> - <tfoot> колонтитул стола (только один)
  • <tr> - Таблица строк
  • <th> - ячейка заголовка таблицы
  • <td> - ячейка данных таблицы

Семантически таблицы предназначены для хранения табличных данных. Вы можете думать об этом как о способе отображения и описания данных, которые имели бы смысл в электронной таблице (столбцах и строках).

Использование таблиц для макета не рекомендуется. Вместо этого используйте правила CSS для макета и форматирования, включая display: table .

Одно замечательное исключение, обычно отображаемое в отрасли относительно использования макета <table> относится к электронной почте HTML: некоторые почтовые клиенты, включая Outlook, откатываются назад к более старым механизмам рендеринга после того, как Microsoft потеряет свое монопольное дело против ЕС. Для того, чтобы Microsoft не включила IE в ОС, они просто отбросили механизм рендеринга Outlook к более ранней версии Trident. Этот откат просто не поддерживает современные веб-технологии, поэтому использование макетов на основе <table> для электронной почты HTML - единственный способ обеспечить совместимость между браузерами и платформой / клиентом.

таблицы Связанные примеры