¿Qué es una etiqueta HTML frente a un elemento HTML?

Un HTML etiqueta es una indicación para un navegador web de cómo debe mostrarse una página web, pero un HTML elemento es un componente individual de HTML. Los elementos HTML se crean mediante etiquetas HTML.

Mucha gente usa los términos etiqueta y elemento indistintamente, y cualquier diseñador o desarrollador web con el que hable entendería lo que quiere decir, pero la realidad es que hay una ligera diferencia entre los dos términos.

Etiquetas HTML

HTML es un lenguaje de marcado, lo que significa que está escrito con códigos legibles por una persona sin necesidad de compilarlo primero. En otras palabras, el texto de una página web está "marcado" con estos códigos para dar instrucciones al navegador web sobre cómo mostrar el texto.

Cuando escribe HTML, está escribiendo etiquetas HTML. Todas las etiquetas HTML se componen de una serie de partes específicas. Especifican el nombre de la etiqueta entre paréntesis angulares, el contenido al que afecta la etiqueta y varios atributos que afectan a la etiqueta en un par de nombre / valor.

instagram viewer

He aquí un ejemplo:

Hipervínculo

Este fragmento muestra un etiqueta de ancla, que especifica un hipervínculo. La etiqueta se abre y se cierra. La rel atributo toma el valor no seguir.

En HTML, la diferencia entre una etiqueta de apertura y una etiqueta de cierre es la presencia de la barra. Por ejemplo, siempre es una etiqueta de anclaje de apertura y siempre es una etiqueta de anclaje de cierre.

En conjunto, las etiquetas de apertura y cierre y todo lo que aparece entre ellas constituyen un Elemento HTML.

¿Qué son los elementos HTML?

De acuerdo con la W3C Especificación HTML, una elemento es el componente básico de HTML y normalmente se compone de dos etiquetas: una etiqueta de apertura y una etiqueta de cierre.

Casi todos los elementos HTML tienen una etiqueta de apertura y una etiqueta de cierre. Estas etiquetas rodean el texto que se mostrará en la página web. Por ejemplo, para escribir un párrafo de texto, escribe el texto para mostrar en la página y luego lo rodea con estas etiquetas:

Este texto es un ejemplo de párrafo.

Algunos elementos HTML no tienen etiqueta de cierre; ellos se llaman elementos vacíos. A veces, también se les conoce como único o vacío elementos. Los elementos vacíos son fáciles de usar porque solo tiene que incluir una etiqueta en su página web y la navegador sabrá qué hacer. Por ejemplo, para agregar un solo salto de línea a su página, use la etiqueta.

Otro elemento común que solo incluye una etiqueta de apertura es el imagen elemento. Por ejemplo:


En general, los desarrolladores usan el término elemento para indicar todas las partes del elemento (tanto las etiquetas de apertura como de cierre). Ellos usan etiqueta al referirse solo a uno u otro. Este es el uso adecuado de estos dos términos.