Para la mayoría de los elementos HTML, cuando escribe el código HTML para mostrarlos en una página, comienza con una etiqueta de apertura y 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 utilizarían una etiqueta de apertura y una de cierre. La mayoría de los elementos HTML siguen este mismo patrón, pero hay una serie de etiquetas HTML que no tienen una etiqueta de apertura y una de cierre.
¿Qué es un elemento vacío?
Los elementos vacíos o las etiquetas singleton en HTML son aquellas etiquetas que no requieren que una etiqueta de cierre sea válida. Estos elementos suelen ser los que se ubican solos en la página o donde el final de sus contenidos 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 nulos. Cuando escriba HTML válido, debe dejar fuera la barra diagonal al final de estas etiquetas, esto es lo que se muestra a continuación. Si está escribiendo XHTML, se requerirá la barra diagonal.
- utilizado para el área dentro de un mapa de imagen
- la URL base para todas las URL relativas en un documento. No puede haber más de 1 de estos por documento y debe estar en el de la pagina
- esto es un salto de línea, a menudo utilizado en el contenido de texto para crear un salto de línea en lugar de un párrafo. Esto no debe usarse para crear una separación visual en una página al apilar muchos etiquetas ya que es una necesidad visual y por lo tanto el dominio de CSS
- Especifica las propiedades de columna para cada columna dentro de un
elemento
- Especifica un comando que un usuario puede invocar.
- una regla horizontal, que es una línea recta en una página. En muchos casos, los bordes de CSS se utilizan para crear líneas separadoras en lugar de este elemento HTML
- uno de los elementos de trabajo de HTML, esta es la etiqueta de imagen. Se utiliza para agregar imágenes gráficas a una página web.
- un elemento de formulario que se utiliza para capturar información de los visitantes. Existen varios tipos de entrada válidos, desde la entrada de "texto" común que se ha utilizado en formularios durante años, hasta algunos tipos de entrada nuevos que forman parte de HTML5.
- Esto se usa para dictar un campo generador de par de claves que se usa para formularios
- No debe confundirse con la etiqueta "hipervínculo" o ancla (), este enlace es para establecer el linaje entre un documento y un recurso externo. Lo usarías para enlazar a un archivo CSS externo, por ejemplo
- Las etiquetas meta son "información sobre el contenido". Se encuentran en el de un documento y se utiliza para transmitir información de la página al navegador. Hay muchas etiquetas meta posibles que puedes usar en una página web
- Se utiliza para definir parámetros para complementos.
- esta etiqueta le permite especificar rutas alternativas de archivos para los medios en su página, incluidos videos o imágenes o archivos de audio
- Esto significa "Word Break Opportunity". Especifica dónde en un texto sería aceptable agregar un salto de línea.
Una vez más, estas etiquetas singleton son una excepción a la regla y no a la regla, ya que la mayoría de los elementos HTML sí necesitan una etiqueta de apertura y una de cierre. De estos elementos singleton, es probable que algunos utilices con bastante frecuencia (como img, meta o input), mientras que otros son los que nunca necesitarás usar en tu trabajo de diseño web (keygen, wbr y command son tres elementos que ciertamente no es común 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 singleton HTML. Puede utilizar esta lista como referencia para su desarrollo web.
Artículo original de Jennifer Krynin. Editado por Jeremy Girard el 5/5/17.
Aquí hay una lista alfabética de elementos y etiquetas que se pueden usar en HTML5, incluidos aquellos que son nuevos en el idioma y los elementos de transferencia.
