Las HTML Entities se utilizan para incluir en la salida caracteres normales o especiales reservados para el código. Las entidades son cadenas de caracteres claramente delimitadas que indican al navegador que debe mostrar un determinado carácter.

¿Qué son las HTML Entities?

Las entidades HTML ofrecen la posibilidad de expresar ciertos caracteres en un documento HTML, que …

  • … no están disponibles de forma natural con el método de entrada utilizado o son difíciles de introducir.
  • … están reservados a HTML y cumplen su propia función en la codificación.

Para poder mostrar estos caracteres sin dañar el código, se utilizan estas cadenas de caracteres claramente definibles. Se distingue entre entidades con nombre (Entity names) y entidades numéricas (Entity numbers). Mientras que las entidades HTML con nombre son más fáciles de leer y recordar, las entidades numéricas son especialmente importantes si no existe una variante con nombre.

Web Hosting
El hosting que crece con tu proyecto
  • Tiempo de actividad de 99.99 % y seguridad garantizada
  • Aumenta el rendimiento según el tráfico de tu página web
  • Incluye dominio, SSL, e-mail y soporte 24/7

Entidades HTML con nombre

Las entidades HTML con nombre tienen el siguiente formato:

&entity_name;
html

Por ejemplo, para representar el carácter comercial Y &, debe almacenarse con el código & (para la palabra inglesa ampersand). El siguiente ejemplo ilustra el uso de la entidad:

<!DOCTYPE html> 
<html> 
<body> 
<h1>Ejemplo de entidad con nombre</h1> 
<h2>El carácter comercial Y es: &amp;</h2> 
</body> 
</html>
html
Nota

La ortografía de estas entidades HTML es sensible al uso de mayúsculas o minúsculas. Por lo tanto, esto deberá respetarse.

Entidades HTML numéricas

Las entidades HTML numéricas se utilizan en este formato:

&#entity_number;
html

En lugar de entity_number debe utilizarse el respectivo valor Unicode del carácter deseado. Si deseas escribir el carácter comercial Y, la cadena de caracteres &#38; es la elección correcta. Este es su aspecto en código:

<!DOCTYPE html> 
<html> 
<body> 
<h1>Ejemplo para una entidad numérica</h1> 
<h2> El carácter comercial Y es: &#38;</h2> 
</body> 
</html>
html
Compra y registra tu dominio ideal
  • Certificado SSL Wildcard gratis
  • Registro privado
  • Función Domain Connect para una configuración DNS simplificada gratis

HTML Entities: Listas de las entidades más importantes

Tanto si estás empezando a aprender HTML como si llevas algún tiempo utilizando el lenguaje de marcado, siempre es útil disponer de una lista de las entidades HTML más importantes. En las siguientes secciones encontrarás algunas de las entidades más utilizadas.

Signos de puntuación

Signo Descripción Nombre Numérico
Espacio sin salto de línea &nbsp; &#160;
. Punto &period; &#46;
, Coma &comma; &#44;
! Signo de exclamación &excl; &#33;
? Signo de interrogación &quest; &#63;
& Carácter comercial Y &amp; &#38;
“ Comillas &quot; &#34;
’ Apóstrofe &apos; &#39;
# Asterisco &num; &#35;
( Paréntesis de apertura &lpar; &#40;
) Paréntesis de cierre &rpar; &#41;
% Porcentaje &percnt; &#37;
§ Párrafo &sect; &#167;

Caracteres especiales

Símbolo Descripción Nombre Numérico
© Copyright &copy; &#169;
® Marca registrada &reg; &#174;
™ Marca comercial &trade; &#8482;
@ Arroba &commat; &#64;
♀ Símbolo de la mujer &female; &#9792;
♂ Símbolo del hombre &male; &#9794;
Marca de verificación &check; &#10003;
Marca de tachado &cross; &#10007;

Símbolos matemáticos

Símbolo Descripción Nombre Numérico
+ Signo de más &plus; &#43;
− Signo de menos &minus; &#8722;
× Signo de multiplicación &times; &#215;
÷ Signo de división &divide; &#247;
= Signo igual &equals; &#61;
< Signo “menor que” &lt; &#60;
> Signo “mayor que” &gt; &#62;

Divisas

Símbolo Descripción Nombre Numérico
€ Euro &euro; &#8364;
¢ Céntimo &cent; &#162;
$ Dólar &dollar; &#36;
£ Libra &pound; &#163;
¥ Yen &yen; &#165;

Metafonías

Signo Descripción Nombre Numérico
Ä Ä mayúscula &Auml; &#196;
ä ä minúscula &auml; &#228;
Ö Ö mayúscula &Ouml; &#214;
ö ö minúscula &ouml; &#246;
Ü Ü mayúscula &Uuml; &#220;
ü ü minúscula &uuml; &#252;
Consejo

En la Digital Guide encontrarás muchas otras guías relacionadas con el Hypertext Markup Language (HTML). Aquí, por ejemplo, también explicamos qué son las HTML-Tags, cuáles son las características especiales de HTML5 y cómo iniciarse en CSS.

¿Le ha resultado útil este artículo?
Ir al menú principal