Para la mayoría de los elementos HTML, cuando se escribe el código HTML para mostrarlos en una página, se comienza con una etiqueta de apertura y se termina con una etiqueta de cierre. Entre esas dos etiquetas estaría el contenido del elemento. Por ejemplo:
Este es el contenido del texto
Ese simple elemento de párrafo muestra cómo se usaría una etiqueta de apertura y otra de cierre. La mayoría de los elementos HTML siguen este mismo patrón, pero hay un número de etiquetas HTML que no tienen una etiqueta de apertura y otra de cierre.
¿Qué es un Elemento de Vacío?
Los elementos vacíos o tags singleton en HTML son aquellos tags que no requieren un tag de cierre para ser válidos. Estos elementos suelen ser aquellos que se encuentran solos en la página o donde el final de su contenido es obvio desde el contexto de la página en sí.
La lista de elementos vacíos HTML
Hay varias etiquetas HTML 5 que son elementos vacíos. Cuando escriba un HTML válido, debe dejar la barra oblicua para estas etiquetas – esto es lo que se muestra a continuación. Si está escribiendo XHTML, se requiere la barra oblicua final.
- – usado para el área dentro de un mapa de imagen
– la URL base para todas las URLs relativas en un documento. No puede haber más de 1 de estos por documento y debe estar en la de la página - – esto es salto de línea, a menudo utilizado en el contenido de texto para crear un solo salto de línea en lugar de un párrafo. Esto no debería usarse para crear una separación visual en una página apilando muchos tags ya que es una necesidad visual y por lo tanto el dominio de CSS
- – especifica las propiedades de cada columna dentro de un elemento
- – especifica un comando que un usuario puede invocar
- utilizado con aplicaciones externas y contenido interactivo para la integración
- Una regla horizontal, que es una línea recta en una página. En muchos casos, los bordes CSS se utilizan para crear líneas de separación en lugar de este elemento HTML
– uno de los elementos de caballo de batalla de HTML, esta es la etiqueta de imagen. Se utiliza para añadir imágenes gráficas a una página web.
- – un elemento del formulario que se utiliza para capturar información de los visitantes. Hay una serie de tipos de entrada válidos, desde la entrada común de «texto» que se ha utilizado en formularios durante años, hasta algunos nuevos tipos de entrada que forman parte de HTML5
.
- – esto se usa para dictar un campo generador de pares de claves que se usa para formularios
- no debe confundirse con la etiqueta «hyperlink» o ancla (), este enlace sirve para establecer un vínculo entre un documento y un recurso externo. Lo usaría para enlazar con un archivo CSS externo, por ejemplo
- – los meta tags son «información sobre el contenido». Se encuentran en la de un documento y se utilizan para transmitir información de la página al navegador. Hay muchas etiquetas meta posibles que puede usar en una página web
- – usado para definir parámetros para plugins
- – esta etiqueta le permite especificar rutas de archivo alternativas para los medios de comunicación en su página, incluyendo videos o imágenes o archivos de audio
- – esta etiqueta establece una pista para ser utilizada con un archivo multimedia, un vídeo o audio, que a menudo se añaden con las etiquetas o
- Esto significa «Oportunidad de Romper Palabras». Especifica en qué parte de un texto sería aceptable añadir un salto de línea.
Una vez más, estas etiquetas singleton son una excepción a la regla en contraposición a la regla, ya que la mayoría de los elementos HTML, de hecho, necesitan una etiqueta de apertura y otra de cierre. De estos elementos singleton, algunos que probablemente utilizará con bastante frecuencia (como img, meta, o de entrada), mientras que otros son los que nunca tendrá que utilizar en su trabajo de diseño web (keygen, wbr, y comando son tres elementos que sin duda no son comunes en las páginas web). Aún así, común o raro en las páginas HTML, es útil estar familiarizado con estas etiquetas y saber cuál es la idea detrás de las etiquetas HTML singleton. Puede utilizar esta lista como referencia para su desarrollo web.
Original de Jennifer Krynin. Editado por Jeremy Girard el 5/5/17.
