¿Cómo se utilizan los elementos vacíos en HTML?

¿Cómo se utilizan los elementos vacíos en HTML?

¿Cómo se utilizan los elementos vacíos en HTML?

VALORACIÓN DEL ARTÍCULO:
5/5


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.

TAMBIÉN TE INTERESA

casa-airbnb-en-Santa-Cruz-de-Tenerife

Viajar solo: una opción con funciones añadidas en Airbnb

Viajar solo es una experiencia única según testimonios que se lanzan a hacer turismo en solitario. Te ayuda a conocerte a ti mismo más y mejor, te exige sacar tus habilidades sociales para conectar con gente durante la travesía y, al no tener ataduras conyugales, te permite encontrar un ligue allá donde estés. Índice de

sinalogy-BC500-y-TC500

Estas cámaras de videovigilancia de Sinalogy merecen la pena

Las cámaras de videovigilancia son un elemento fundamental para todo aquel quiera reforzar la seguridad en una casa o en una empresa. Recientemente, se ha conocido que la vivienda del jugador del Real Madrid, Rodrygo, era asaltada mientras el delantero disputaba la final de la Copa del Rey en Sevilla. No es la primera que

beneficios-de-chatGPT-para-emprendedores

8 usos de ChatGPT para cualquier emprendedor

Estamos en la era de ChatGPT y el boom de las aplicaciones de inteligencia artificial. Junto al popular desarrollo de OpenAI, han aparecido un sinfín de soluciones para usuarios y empresas. De hecho, se ha popularizado tanto la inteligencia artificial que es necesario parar porque no se sabe hasta qué punto podría ser dañina. Como

Tecnologia Linea de Gol

La tecnología detrás de la Tecnología de la Línea de Gol

La Tecnología de la Línea de Gol utiliza cámaras de alta velocidad para determinar si el balón ha cruzado completamente la línea, asegurando que los goles sean concedidos de manera más precisa. Este sistema se ha vuelto obligatorio en competiciones de fútbol en todo el mundo desde el 2012, y ha tenido un impacto positivo en la eliminación de controversias y en mejorar la experiencia de los aficionados.

iOS-16

¿La última actualización de iOS 16 antes de que llegue iOS 17?

Los expertos en el mundo Apple pensaban que iOS 16 tendría unas cuantas actualizaciones y no han fallado. Los últimos rumores sobre un nuevo desarrollo del sistema operativo de los iPhone apuntan a la versión de iOS 16.6. Y es que apenas se estaba trabajando en la versión de iOS 16.5, cuando un informe de