html - tablas - ¿Por qué los navegadores insertan el elemento tbody en los elementos de la tabla?

th html

Question

Estaba jugando con algunas ideas usando html sin procesar y JQuery. Una cosa que hice fue crear un elemento de tabla con un conjunto de filas.

<table id="MyTable" >
    <tr>
        <td>Title</td>
    </tr>
    <tr>
        <td>1</td>
    </tr>
    <tr>
        <td>2</td>
    </tr>
    <tr>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
    </tr>
</table>

Pero cuando vi el código en FireFox + Firebug, IE8 Developer Toolbar o Google Chrome JavaScript Debugger ... todos mostraron que había un elemento tbody que rodeaba a todos los nodos tr .

No estoy en contra de que esto suceda ... ¿pero es este comportamiento estándar?

Answer 1

Sí, tbody es el elemento estándar que indica el cuerpo de una mesa. No es necesario ponerlo en el marcado, pero se incluirá en el DOM como lo ha visto.

Answer 2

http://htmlhelp.com/reference/html40/tables/tbody.html :

El elemento TBODY define un grupo de filas de datos en una tabla. Una TABLA debe tener uno o más elementos TBODY, que deben seguir el TFOOT opcional. La etiqueta final de TBODY siempre es opcional. La etiqueta de inicio es opcional cuando la tabla contiene solo un TBODY y no THEAD o TFOOT.

Por lo tanto, siempre hay un tbody allí (aunque a veces con las pestañas inicial y final opcionales y omitidas), y las herramientas que está utilizando son correctas para mostrárselas.

thead o tfoot, por otro lado, nunca están presentes a menos que los incluyas explícitamente, y si lo haces, los tbody (s) también deben ser explícitos.