HTML Entidades

Cuando hablamos de HTML Entidades nos referimos a una serie de caracteres especiales que se utilizan en el código HTML para representar ciertos caracteres que no se pueden escribir directamente en el código, como los símbolos de mayor y menor, las comillas, los espacios en blanco, la letra PI, la c de copyright,… entre otros.

En el mundo del desarrollo web, las HTML Entidades juegan un papel crucial y su estructura es un aspecto fundamental a entender. Para descomponerla, la estructura básica de las HTML Entidades en una página web se muestra de la siguiente manera:

&nombre_entidad;
ódigo_entidad;

Esta estructura puede parecer simple, pero cada componente tiene un propósito específico. Comienza con un ampersand (&), que es seguido inmediatamente por un nombre de entidad o un código de entidad. Este es el corazón de la entidad, ya que define qué entidad HTML se está utilizando.

Para finalizar la entidad, un punto y coma (;) es colocado al final. Este signo de puntuación es vital, ya que indica el fin de la entidad, permitiendo que el navegador web entienda correctamente dónde termina.

Cuando se utiliza el código de entidad, se coloca un símbolo de almohadilla (#) antes del código. Este pequeño símbolo es esencial, ya que diferencia entre un nombre de entidad y un código de entidad, proporcionando otra capa de flexibilidad y control en la codificación HTML

Por ejemplo, algunos de los nombres de entidad que podemos encontrar en nuestro trabajo diario son:

• © que se utiliza para representar la ‘c’ de copyright, un símbolo que se utiliza con frecuencia en los sitios web para indicar la propiedad de los derechos de autor sobre el contenido.
• < y > son los nombres de entidad que representan los símbolos de ‘menor que’ y ‘mayor que’ respectivamente, que se utilizan a menudo en la programación y en las fórmulas matemáticas.
• € y £ se utilizan para representar las monedas de Euro y libra esterlina respectivamente, lo que puede ser muy útil si estamos trabajando en un sitio web de comercio electrónico o en un proyecto que requiera la manipulación de datos financieros.
• … y muchos más.

En paralelo a estos nombres de entidad, también existen los códigos de entidad. Estos códigos representan exactamente los mismos caracteres, pero utilizando una notación numérica. Por ejemplo:

• © es el código de entidad para la ‘c’ de copyright.
• < y > son los códigos de entidad para los símbolos de ‘menor que’ y ‘mayor que’.
• € y £ son los códigos de entidad para las monedas de Euro y libra esterlina.
• …y así sucesivamente.

Es importante tener en cuenta tanto los nombres de entidad como los códigos de entidad, ya que pueden ser útiles en diferentes contextos y situaciones.

En esta página encontrarás múltiples artículos que explican cómo poder utilizar HTML Entidades dentro de una página web.