Referencia de Entidades HTML: Lista Completa y Guía (2026)

Al crear sitios web, a menudo es necesario mostrar caracteres que tienen un significado especial en HTML (como < y >) o caracteres que no están en el teclado (como © o €). Estos se representan mediante Entidades HTML.

Una entidad HTML puede ser una entidad con nombre (como ©) o una entidad numérica (como ©). Esta guía proporciona una referencia completa de las entidades HTML más utilizadas.

---

1. Búsqueda Rápida: Entidades HTML Esenciales

Si solo necesitas las cinco entidades "imprescindibles" para la seguridad y el marcado básico, aquí las tienes:

Carácter	Nombre de Entidad	Número de Entidad	Descripción
<	&lt;	&#60;	Menor que (Inicio de etiqueta)
>	&gt;	&#62;	Mayor que (Fin de etiqueta)
&	&amp;	&#38;	Ampersand (Inicio de entidad)
"	&quot;	&#34;	Comillas dobles
'	&apos;	&#39;	Comilla simple / Apóstrofo

---

2. Tabla Completa de Referencia de Caracteres HTML

Caracteres y Símbolos Comunes

Carácter	Nombre de Entidad	Número de Entidad	Descripción
	 	 	Espacio de no separación
©	©	©	Símbolo de copyright
®	®	®	Marca registrada
™	™	™	Símbolo de marca comercial
§	§	§	Signo de sección
¶	¶	¶	Signo de párrafo
•	•	•	Viñeta
…	…	…	Elipsis horizontal
—	—	—	Raya (guion largo)
–	–	–	En dash (guion medio)

Símbolos de Moneda

Carácter	Nombre de Entidad	Número de Entidad	Descripción
€	€	€	Signo de euro
£	£	£	Signo de libra esterlina
¥	¥	¥	Signo de yen / yuan
¢	¢	¢	Signo de centavo
¤	¤	¤	Signo de moneda genérico

Operadores Matemáticos

Carácter	Nombre de Entidad	Número de Entidad	Descripción
±	±	±	Signo más-menos
×	×	×	Signo de multiplicación
÷	÷	÷	Signo de división
√	√	√	Raíz cuadrada
∞	∞	∞	Signo de infinito
≈	≈	≈	Casi igual a
≠	≠	≠	No igual a
≤	≤	≤	Menor o igual que
≥	≥	≥	Mayor o igual que
∑	∑	∑	Sumatorio (sigma)
∏	∏	∏	Signo de producto
∫	∫	∫	Signo de integral

Alfabeto Griego

Carácter	Nombre de Entidad	Número de Entidad	Descripción
α	α	α	Letra griega alfa minúscula
β	β	β	Letra griega beta minúscula
γ	γ	γ	Letra griega gamma minúscula
Δ	Δ	Δ	Letra griega delta mayúscula
Σ	Σ	Σ	Letra griega sigma mayúscula
Ω	Ω	Ω	Letra griega omega mayúscula
π	π	π	Letra griega pi minúscula
θ	θ	θ	Letra griega theta minúscula

Flechas y Diseño

Carácter	Nombre de Entidad	Número de Entidad	Descripción
←	←	←	Flecha izquierda
↑	↑	↑	Flecha arriba
→	→	→	Flecha derecha
↓	↓	↓	Flecha abajo
↔	↔	↔	Flecha izquierda-derecha
↵	↵	↵	Flecha de retorno de carro

---

3. Categorías de Entidades HTML

Caracteres Reservados

En HTML, algunos caracteres están reservados. Por ejemplo, no puedes usar los signos < o > directamente en tu texto porque el navegador los confundirá con etiquetas. Debes usar < y >. Del mismo modo, el & debe codificarse como & porque es el inicio de una entidad.

Moneda y Aspectos Legales

Símbolos como © (Copyright), ® (Registrado) y varios signos de moneda no son estándar en todos los teclados o podrían corromperse por diferentes codificaciones de caracteres (como pasar de UTF-8 a ISO-8859-1). El uso de entidades asegura que se muestren correctamente en todos los sistemas.

Operadores Matemáticos

Para redacción técnica o documentación científica, HTML proporciona una amplia gama de símbolos matemáticos. Aunque muchos están disponibles en Unicode, las entidades con nombre como ∞ hacen que el código sea mucho más legible que los códigos de caracteres puros.

---

4. Consejos de Uso: Cómo utilizar Entidades

En HTML

Simplemente escribe el nombre o número de la entidad directamente en tu código HTML:

<p>Copyright &copy; 2026 Tool3M</p>
<p>3 &lt; 5 es una afirmación verdadera.</p>

En JavaScript

Si estás estableciendo el textContent de un elemento, usas el carácter literal. Pero si estás construyendo una cadena HTML, usa la entidad:

// Correcto para inyección HTML
const miCadena = "5 × 10 = 50";
elemento.innerHTML = miCadena;

// Uso de Unicode en cadenas JS
const miSimbolo = "\u00A9"; // ©

En CSS

En las propiedades "content" de CSS (usadas con :before o :after), usas una barra invertida seguida del valor hexadecimal:

.copyright:before {
  content: "\00A9"; /* Unicode para © */
}

---

5. Preguntas Frecuentes (FAQ)

¿Cuál es la diferencia entre un nombre de entidad y un número de entidad?

Un nombre de entidad (como ") es un mnemotécnico legible por humanos. Un número de entidad (como ") se refiere al punto de código Unicode/ISO-10646 del carácter. No todos los caracteres tienen nombres, pero cada carácter tiene un número. Los números son generalmente más seguros para navegadores antiguos o contextos XML.

¿Por qué necesito escapar el ampersand (&)?

El ampersand & es el carácter "disparador" de las entidades HTML. Si tienes una URL como index.php?id=1&name=test, la parte &name podría ser malinterpretada por algunos navegadores como una entidad con nombre (aunque los navegadores modernos son bastante inteligentes al respecto). Para estar 100% seguro, escribe siempre &.

¿Existe un riesgo de seguridad con las entidades HTML?

Sí. No codificar las entidades HTML es la causa principal de Cross-Site Scripting (XSS). Si un usuario envía <script>alert(1)</script> y lo muestras directamente, el navegador ejecuta el script. Si lo codificas como <script>..., se muestra de forma segura como texto.

¿Debería usar UTF-8 en lugar de entidades?

El desarrollo web moderno prefiere usar la codificación UTF-8 en todo el stack. En un documento UTF-8, puedes escribir caracteres como © o π directamente. Sin embargo, debes seguir escapando los caracteres reservados (<, >, &, ", ') por razones de seguridad y sintaxis.

---

Herramientas relacionadas en Tool3M

• Codec de Entidad HTML: Codifica o decodifica fácilmente texto a entidades HTML para prevenir XSS o mostrar símbolos especiales.
• Codificador/Decodificador de URL: Para codificar caracteres en URLs.
• Formateador JSON: Útil para asegurar que tus cadenas de datos estén correctamente escapadas.