Вертикальные и горизонтальные заголовки в таблице?

Question

Как бы получить таблицу с горизонтальными и вертикальными заголовками?

Так, например,

         header1 header2 header3 
header1    1        1      1
header2    2        2      2 
header3    3        3      3 

Answer 1

Как сказал @UlrichSchwarz, вы можете просто использовать <th> вместо <td> в первом столбце.Используя область действия, вы можете сделать ее более семантически описательной:

<table>
  <tr>
    <th></th>
    <th scope="col">header1</th>
    <th scope="col">header2</th>
    <th scope="col">header3</th>
  </tr>
  <tr>
    <th scope="row">header 1</th>
    <td>1</td>
    <td>1</td>
    <td>1</td>
  </tr>
  <tr>
    <th scope="row">header 2</th>
    <td>2</td>
    <td>2</td>
    <td>2</td>
  </tr>
  <tr>
    <th scope="row">header 3</th>
    <td>3</td>
    <td>3</td>
    <td>3</td>
  </tr>
</table>

Answer 2

Хотя вы все еще можете просто <th> записей в первом столбце, нет никакого столбцового эквивалента <thead> / <tbody>, о котором я знаю.

Answer 3

легко.Просто оставьте первое td в первом tr - пусто