Таблица HTML-запроса на thead и tfoot

Question

Что происходит, когда у нас есть несколько тегов anad и tfoot внутри таблицы? Как браузер реагирует на него?

Answer 1

Он просто добавляет еще один верхний и нижний колонтитул к существующей таблице.

Вы проверяете здесь https://jsfiddle.net/no220phd/3/

<table style="width:100%"> 
<thead> 
<tr> 
<th>head1 col1</th> 
<th>head1 col2</th> 
<th>head1 col3</th> 
</tr> 
</thead> 
<thead> 
<tr> 
<th>head2 col1</th> 
<th>head2 col2</th> 
<th>head2 col3</th> 
</tr> 
</thead> 
    <tr> 
    <td>Jill</td> 
    <td>Smith</td>  
    <td>50</td> 
    </tr> 
    <tr> 
    <td>Eve</td> 
    <td>Jackson</td>   
    <td>94</td> 
    </tr> 
    <tr> 
    <td>John</td> 
    <td>Doe</td>   
    <td>80</td> 
    </tr> 
    <tfoot> 
    <th>foot1 col1</th> 
<th>foot1 col2</th> 
<th>foot1 col3</th> 
    </tfoot> 
    <tfoot> 
    <th>foot2 col1</th> 
<th>foot2 col2</th> 
<th>foot2 col3</th> 
    </tfoot> 
</table>