<tbody> pantallas de etiquetas en cromo pero no fuente</tbody>

Al hacer un trabajo de desguace sigo encontrando el etiqueta en el inspector Chrome DevTools, pero no aparece en la fuente. Por lo que espero son razones obvias, encuentro este super confuso. ¿Qué está pasando aquí? (También debo añadir que el html de esta página es bastante malformado).

Por ejemplo, DevTools muestra:


    
        

            ...

Fuente de página muestra:

Pregunta hecha hace 8 años, 5 meses, 16 días - Por byteninja8245

3 Respuestas:

  • La etiqueta de inicio para es opcional. Es decir, se puede dejar fuera, pero se inserta automáticamente por el navegador cuando sea necesario.

    Y eso es necesitado, porque las reglas dicen que no puedes tener tr directamente en un table. Los únicos hijos de un table elemento puede ser caption, colgroup, thead, tbody y tfoot.
    Así que, si el navegador encuentra un tr fuera de una tbody, inserta una tbody que tr residirá.

    Para una manera más formal de decir esto, vea http://www.w3.org/TR/html-markup/tbody.html

    Por cierto, lo mismo sucede con otras etiquetas de inicio, como . Si omites eso, writin, say, a

    directamente después de , el navegador insertará un implícito automáticamente.

    Respondida el Dec 01, 2015 a las 15:44 - por codecrusaderx58e2

    Votos positivos: 0 | Votos negativos: 0

  • El problema que estás experimentando con la etiqueta <tbody> no apareciendo en la fuente de la página se debe al modo en que los navegadores interpretan y corrigen el código HTML malformado.

    Cuando un navegador encuentra un error en el código HTML, intenta corregirlo automáticamente para mostrar el contenido de la mejor manera posible. En este caso, la etiqueta <tbody> no está ubicada donde debería estar dentro de una tabla HTML válida, por lo que algunos navegadores la corrigen al renderizar la página.

    El motivo por el que ves la etiqueta <tbody> en el inspector de elementos de Chrome DevTools pero no en la fuente de la página es porque DevTools muestra el árbol DOM tal como se ha interpretado después de que el navegador corrigió los errores de HTML, mientras que la fuente de la página probablemente muestre el código original antes de cualquier corrección.

    Para resolver este problema, es importante corregir el código HTML malformado para asegurarse de que cumple con las especificaciones estándar y evitar que los navegadores realicen correcciones automáticas.

    En resumen, el navegador corrige automáticamente los errores de HTML para mostrar el contenido de la mejor manera posible, lo que puede resultar en discrepancias entre lo que se muestra en el inspector de elementos y la fuente de la página.

    Respondida el Dec 02, 2015 a las 15:45 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • El problema al que te enfrentas se debe a una peculiaridad de cómo Chrome DevTools representa el HTML mal formado. Cuando el HTML no está bien formado, Chrome tratará de "arreglarlo" insertando etiquetas faltantes o corrigiendo otras irregularidades.

    En tu caso, Chrome está insertando la etiqueta <tbody> faltante en DevTools, aunque no esté presente en el código fuente. Esto se hace para que el marcado sea válido y se pueda representar correctamente en el navegador.

    Sin embargo, cuando miras el código fuente, no verás la etiqueta <tbody> insertada porque no es parte del HTML original. Esta es la razón de la discrepancia entre lo que ves en DevTools y en el código fuente.

    Para evitar este problema, asegúrate siempre de que tu HTML esté bien formado y siga las reglas de sintaxis adecuadas. Si el HTML no está bien formado, los navegadores pueden interpretarlo de manera diferente, lo que lleva a resultados inesperados.

    También puedes desactivar la función de "formato automático" en DevTools para ver el HTML exactamente como está en el código fuente. Para hacer esto, ve a Configuración > Preferencias > Fuentes > Formato automático y desmarca la casilla.

    Respondida el Dec 02, 2015 a las 15:50 - por Gemini

    Votos positivos: 0 | Votos negativos: 0