Las HTML Entities se utilizan para incluir en la salida ca­ra­c­te­res normales o es­pe­cia­les re­se­r­va­dos para el código. Las entidades son cadenas de ca­ra­c­te­res cla­ra­me­n­te de­li­mi­ta­das que indican al navegador que debe mostrar un de­te­r­mi­na­do carácter.

¿Qué son las HTML Entities?

Las entidades HTML ofrecen la po­si­bi­li­dad de expresar ciertos ca­ra­c­te­res en un documento HTML, que …

  • … no están di­s­po­ni­bles de forma natural con el método de entrada utilizado o son difíciles de in­tro­du­cir.
  • … están re­se­r­va­dos a HTML y cumplen su propia función en la co­di­fi­ca­ción.

Para poder mostrar estos ca­ra­c­te­res sin dañar el código, se utilizan estas cadenas de ca­ra­c­te­res cla­ra­me­n­te de­fi­ni­bles. 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 es­pe­cia­l­me­n­te im­po­r­ta­n­tes si no existe una variante con nombre.

Web Hosting
El hosting que crece con tu proyecto
  • Tiempo de actividad de 99.99 % y seguridad ga­ra­n­ti­za­da
  • Aumenta el re­n­di­mie­n­to 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 re­pre­se­n­tar el carácter comercial Y &, debe al­ma­ce­nar­se 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 or­to­gra­fía de estas entidades HTML es sensible al uso de ma­yú­s­cu­las o mi­nú­s­cu­las. Por lo tanto, esto deberá re­s­pe­tar­se.

Entidades HTML numéricas

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

&#entity_number;
html

En lugar de entity_number debe uti­li­zar­se el re­s­pe­c­ti­vo valor Unicode del carácter deseado. Si deseas escribir el carácter comercial Y, la cadena de ca­ra­c­te­res &#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
  • Ce­r­ti­fi­ca­do SSL Wildcard gratis
  • Registro privado
  • Función Domain Connect para una co­n­fi­gu­ra­ción DNS si­m­pli­fi­ca­da gratis

HTML Entities: Listas de las entidades más im­po­r­ta­n­tes

Tanto si estás empezando a aprender HTML como si llevas algún tiempo uti­li­za­n­do el lenguaje de marcado, siempre es útil disponer de una lista de las entidades HTML más im­po­r­ta­n­tes. En las si­guie­n­tes secciones en­co­n­tra­rás algunas de las entidades más uti­li­za­das.

Signos de pu­n­tua­ción

Signo De­s­cri­p­ción Nombre Numérico
Espacio sin salto de línea &nbsp; &#160;
. Punto &period; &#46;
, Coma &comma; &#44;
! Signo de ex­cla­ma­ción &excl; &#33;
? Signo de in­te­rro­ga­ción &quest; &#63;
& Carácter comercial Y &amp; &#38;
“ Comillas &quot; &#34;
’ Apóstrofe &apos; &#39;
# Asterisco &num; &#35;
( Pa­ré­n­te­sis de apertura &lpar; &#40;
) Pa­ré­n­te­sis de cierre &rpar; &#41;
% Po­r­ce­n­ta­je &percnt; &#37;
§ Párrafo &sect; &#167;

Ca­ra­c­te­res es­pe­cia­les

Símbolo De­s­cri­p­ción Nombre Numérico
© Copyright &copy; &#169;
® Marca re­gi­s­tra­da &reg; &#174;
™ Marca comercial &trade; &#8482;
@ Arroba &commat; &#64;
♀ Símbolo de la mujer &female; &#9792;
♂ Símbolo del hombre &male; &#9794;
Marca de ve­ri­fi­ca­ción &check; &#10003;
Marca de tachado &cross; &#10007;

Símbolos ma­te­má­ti­cos

Símbolo De­s­cri­p­ción Nombre Numérico
+ Signo de más &plus; &#43;
− Signo de menos &minus; &#8722;
× Signo de mu­l­ti­pli­ca­ció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 De­s­cri­p­ción Nombre Numérico
€ Euro &euro; &#8364;
¢ Céntimo &cent; &#162;
$ Dólar &dollar; &#36;
£ Libra &pound; &#163;
Â¥ Yen &yen; &#165;

Me­ta­fo­nías

Signo De­s­cri­p­ció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 en­co­n­tra­rás muchas otras guías re­la­cio­na­das con el Hypertext Markup Language (HTML). Aquí, por ejemplo, también ex­pli­ca­mos qué son las HTML-Tags, cuáles son las ca­ra­c­te­rí­s­ti­cas es­pe­cia­les de HTML5 y cómo iniciarse en CSS.

Ir al menú principal