Столы thead, tbody и tfoot

Question

HTML5, если у меня есть таблица с заголовком и строками таблицы, нужно ли использовать теги thead, tbody и tfoot? Может также иметь класс на тд или лучше использовать пролет? ниже я делаю это, но у меня есть некоторые сомнения.

        <table class="table-myTable">
        <caption>Courseware Production Status</caption>
                <tr>
                    <th>A</th>
                    <th>B</th>
                    <th>C</th>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td class="myClass">3</td>
                </tr>
       </table>

Answer 1

Вы имеете право не использовать <thead>, <tbody> или <tfoot>. Если вы решите не использовать <tbody> для своих <tr> s, один для них будет создан движок браузера . Доказательство:

td:before {
  content: 'bare td';
}

tbody td:before {
  content: 'inside a tbody';
}

<table>
  <tr>
    <td></td>
  </tr>
</table>

Вы можете использовать классы с любым элементом. Если класс относится к всей ячейке , поместите его в <td>. Если это относится конкретно к тексту в ячейке , используйте <span> или, предпочтительно, один из множества семантических элементов .