Cuándo utilizar las etiquetas de cierre en los elementos HTML

Cuándo utilizar las etiquetas de cierre en los elementos HTML

Cuándo utilizar las etiquetas de cierre en los elementos HTML

VALORACIÓN DEL ARTÍCULO:
5/5

Hay un número de etiquetas HTML en HTML4 y HTML5 que no requieren el uso de una etiqueta de cierre para HTML válido. Lo son:

La razón por la que la mayoría de estas etiquetas no tienen una etiqueta final requerida es que en la mayoría de los casos, la etiqueta final está implicada por la presencia de otra etiqueta en el documento. Por ejemplo, en la mayoría de los documentos web, un párrafo (definido por

) es seguido por otro párrafo o por otro elemento de nivel de bloque. Así, el navegador puede inferir que el párrafo ha terminado al comienzo del siguiente párrafo.

Otras etiquetas de esta lista no siempre tienen contenido, como . Este elemento puede contener etiquetas como pero no es necesario. Si un colgroup no contiene ninguna etiqueta col, omitir la etiqueta de cierre no causa ninguna confusión – en la mayoría de los casos el número de columnas se definiría por el atributo span.

La omisión de etiquetas de extremo acelera sus páginas

Una buena razón para omitir las etiquetas finales de estos elementos es porque añaden caracteres adicionales a la descarga de la página y, por lo tanto, ralentizan las páginas. Si está buscando cosas que hacer para acelerar la descarga de su página web, deshacerse de las etiquetas de cierre opcionales es un buen punto de partida. Para documentos que tienen muchos párrafos o celdas de tabla, esto puede suponer un ahorro significativo.

Pero omitir las etiquetas de cierre no es bueno

Hay algunas razones importantes para dejar en las etiquetas de cierre.

  • Las etiquetas de cierre proporcionan estructura.
    • Cuando usted tiene un documento HTML que está mínimamente codificado, podría cargarse rápidamente, pero podría convertirse rápidamente en un oso a mantener. Agregar nuevas filas o columnas de tabla puede ser mucho más difícil de hacer rápidamente sin la estructura completa de las etiquetas de inicio y final. Y a menudo la gente resuelve esto mediante la sangría que añade los caracteres de nuevo en el documento, negando así los beneficios de velocidad que obtuviste al omitirlos.
  • CSS y JavaScript se enganchan a todos los elementos.
    • Mientras que la mayoría de los navegadores pueden mostrar (y estilizar) las etiquetas sin sus etiquetas de cierre, la falta de etiquetas de cierre puede hacer que la ubicación definitiva para el cierre de un estilo o acción de script sea menos clara. Si está trabajando con diseños muy precisos, renuncia al control de la precisión cuando omite cerrar las etiquetas; está dejando que el navegador decida dónde termina la etiqueta. A veces los navegadores adivinan bien, y a veces no.
  • No siempre se permite omitir las etiquetas de cierre.
    • En HTML5, el
    • puede omitirse cuando el párrafo va seguido inmediatamente de unos 25 elementos diferentes. Pero hay más de 100 elementos en HTML5. ¿Vas a memorizar todas las situaciones en las que es válido dejar la etiqueta final? Probablemente sea más fácil incluirlo.

XHTML requiere todas las etiquetas de cierre

La razón principal por la que la mayoría de la gente utiliza etiquetas de cierre con estos elementos es la de XHTML. Cuando se escribe XHTML siempre se requieren las etiquetas de cierre. Si planea convertir sus documentos web a XHTML en cualquier momento en el futuro, lo más fácil es incluir las etiquetas de cierre, para que sus documentos estén listos.

TAMBIÉN TE INTERESA

Email 5

¿Se puede competir contra Gmail? Email 5 quiere postularse…

Pocas personas en la actualidad no disponen de una cuenta de correo de Gmail (Google). Este es el servicio más popular de todos como en su día lo fue Hotmail y Olé, por citar unos ejemplos del pasado. Ninguno ha podido rivalizar con el todopoderoso servicio de correo electrónico de Google. Sin embargo, Email 5

Led-Dallas-Easy-de-Konyks

Domotiza tu casa con productos de Konyks y aprovecha el black friday

Las soluciones de domótica cada vez son más asequibles para todos. Los precios de los productos hacen que una casa inteligente esté al alcance de un público amplio, dejando atrás aquello de que la smart home era solo un tema de ricos. Teniendo en cuenta que estamos en periodo de Black Friday, la accesibilidad a

ColorOS-14-de-OPPO

Ya está disponible ColorOS 14 de OPPO, basado en Android 14

OPPO ha anunciado el lanzamiento oficial de ColorOS 14, la actualización de su sistema operativo basada en Anddoid 14.  Por resumir las características de este nuevo desarrollo para los usuarios de la marca, destaca una optimización en su diseño acuográfico o la incorporación de funciones inteligentes potenciadas por IA para mejorar la eficacia, lo cual

router-WiFi-Mesh-de-ZTE

3 router WiFi Mesh de ZTE para cada necesidad casera

En nuestras conexiones a internet, a menudo solemos conformarnos con el router que nos proporcionar la operadora de turno. Sin embargo, en el mercado hay dispositivos que pueden darnos ese plus que necesitamos en cuanto a latencia, velocidad y alcance de los datos. Entre ellos, destacamos tres router WiFi Mesh de ZTE para cubrir las