Hay una serie de etiquetas HTML en HTML4 y HTML5 que no requieren el uso de una etiqueta de cierre para HTML válido. 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á implícita 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 a nivel de bloque. Por lo tanto, el navegador puede inferir que el párrafo ha finalizado al comienzo del siguiente párrafo.
Otras etiquetas en esta lista no siempre tienen contenidos, como. Este elemento puede contener etiquetas como, pero no tiene que hacerlo. 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 estaría definido por el atributo span.
Dejar fuera las etiquetas finales acelera tus páginas
Una buena razón para omitir las etiquetas finales para estos elementos es porque agregan 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 las descargas de su página web, deshacerse de las etiquetas de cierre opcionales es un buen lugar para comenzar. Para documentos que tienen muchos párrafos o celdas de tabla, esto puede ser un ahorro significativo.
Pero dejar etiquetas de cierre no es del todo bueno
Hay algunas razones importantes para dejar en las etiquetas de cierre.
- Las etiquetas de cierre proporcionan estructura.
- Cuando tiene un documento HTML que está codificado mínimamente, podría cargarse rápidamente, pero podría convertirse rápidamente en un soporte para mantener. Agregar filas o columnas nuevas a la 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 las personas resuelven esto con sangría, lo que agrega a los personajes al documento, negando así los beneficios de velocidad que obtuviste al omitirlos.
- CSS y JavaScript enganchan a los elementos completos.
- Si bien la mayoría de los navegadores pueden mostrar (y diseñar) etiquetas sin sus etiquetas de cierre, la falta de etiquetas de cierre puede hacer que una ubicación definitiva para cerrar un estilo o acción de script sea menos clara. Si está trabajando con diseños muy precisos, abandona el control sobre la precisión cuando omite las etiquetas de cierre; está dejando que el navegador decida dónde termina la etiqueta. A veces los navegadores adivinan bien, y otras veces no.
- No siempre se permite omitir etiquetas de cierre.
- En HTML5, el
- la etiqueta se puede omitir cuando el párrafo es seguido inmediatamente por alrededor de 25 elementos diferentes. Pero hay más de 100 elementos en HTML5. ¿Vas a memorizar cada situación que es válida para dejar de lado la etiqueta final? Probablemente es más fácil simplemente incluirlo.
XHTML requiere todas las etiquetas de cierre
La razón principal por la que la mayoría de la gente usa etiquetas de cierre con estos elementos es la de XHTML. Cuando escribes XHTML siempre se requieren las etiquetas de cierre. Si planea convertir sus documentos web a XHTML en algún momento en el futuro, es más fácil incluir las etiquetas de cierre, para que sus documentos estén listos.
