Таблица HTML 5.2

В правильной таблице HTML 5.2 нет закрывающих тегов. Кроме этого, открывающие теги расставлены по порядку. Спецификация таблицы HTML 5.2 подробно продемонстрирована в разделе “Tabular data”.

Теги для таблицы HTML

Теги для создания правильной/валидной таблицы HTML 5.2.

  1. <table> — открывающий тег для создания таблицы.
  2. <caption> — содержит заголовок текущей таблицы.
  3. </caption> — закрывающий тег заголовка таблицы.
  4. <thead> — для создания заголовков столбца.
  5. <tr>, <th>, <td> — открывающие теги ячеек в строке таблицы.
  6. <tbody> — открывает содержание ячеек.
  7. <tfoot> — открывает дно столбца.
  8. </table> — тег для закрытия таблицы.
Валидная таблица HTML 5.2 для веб-страницы
Валидная таблица HTML

Новая разметка таблицы HTML теперь выглядит так:

<table>
    <caption>Заголовок таблицы</caption>
    <thead>
        <tr>
            <th>Заголовок столбца
            <th>Заголовок столбца
            <th>Заголовок столбца
    <tbody>
        <tr>
            <td>Ячейка
            <td>Ячейка
            <td>Ячейка       
        <tr>
            <td>Ячейка
            <td>Ячейка
            <td>Ячейка        
        <tr>
            <td>Ячейка
            <td>Ячейка
            <td>Ячейка                     
    <tfoot>
        <tr>
            <td>Дно столбца
            <td>Дно столбца
            <td>Дно столбца 
</table>

Всё остальное осталось без изменений, см. “Таблица HTML5

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(0 голосов, в среднем: 0 из 5)