Saltar al contenido

Entidades HTML

Una entidad HTML escribe un carácter por su nombre en lugar de por el carácter en sí: & para &,   para un espacio de no separación. Cinco de ellas no son opcionales: en el código fuente HTML, un ampersand o un corchete angular que se quiera literal tiene que escaparse, o el navegador lo interpreta como marcado.

El resto son una comodidad, y menos necesarias que antes. Una página servida como UTF-8 puede contener é, — y → directamente. Las entidades siguen ganándose su sitio cuando el carácter es invisible o ambiguo (  frente a un espacio normal), cuando el flujo de procesamiento no es UTF-8 de forma fiable, y en las plantillas de correo, que siguen siendo el último lugar donde la codificación aún falla de forma rutinaria.

Esta lista es exactamente el conjunto que la herramienta de entidades HTML del sitio codifica y decodifica: la página y la herramienta leen la misma tabla, así que no pueden desincronizarse.

Caracteres reservados

5 entidades

Los cinco que deben escaparse en el código fuente HTML. Todo lo demás en esta página es una comodidad; estos son cuestión de corrección.

EntidadCarácterNuméricaPunto de código
&&&U+0026
&lt;<&#60;U+003C
&gt;>&#62;U+003E
&quot;"&#34;U+0022
&apos;'&#39;U+0027

Espaciado y puntuación

37 entidades

Rayas, comillas y los espacios que no son la barra espaciadora: los que se rompen al pegarlos desde un procesador de textos.

EntidadCarácterNuméricaPunto de código
&nbsp;espacio de no separación&#160;U+00A0
&ensp;espacio de cuadratín medio (en)&#8194;U+2002
&emsp;espacio de cuadratín (em)&#8195;U+2003
&thinsp;espacio fino&#8201;U+2009
&shy;guion discrecional&#173;U+00AD
&mdash;&#8212;U+2014
&ndash;&#8211;U+2013
&horbar;&#8213;U+2015
&lsquo;&#8216;U+2018
&rsquo;&#8217;U+2019
&sbquo;&#8218;U+201A
&ldquo;&#8220;U+201C
&rdquo;&#8221;U+201D
&bdquo;&#8222;U+201E
&hellip;&#8230;U+2026
&bull;&#8226;U+2022
&middot;·&#183;U+00B7
&laquo;«&#171;U+00AB
&raquo;»&#187;U+00BB
&lsaquo;&#8249;U+2039
&rsaquo;&#8250;U+203A
&dagger;&#8224;U+2020
&Dagger;&#8225;U+2021
&permil;&#8240;U+2030
&prime;&#8242;U+2032
&Prime;&#8243;U+2033
&sect;§&#167;U+00A7
&para;&#182;U+00B6
&iexcl;¡&#161;U+00A1
&iquest;¿&#191;U+00BF
&brvbar;¦&#166;U+00A6
&uml;¨&#168;U+00A8
&macr;¯&#175;U+00AF
&acute;´&#180;U+00B4
&cedil;¸&#184;U+00B8
&ordf;ª&#170;U+00AA
&ordm;º&#186;U+00BA

Símbolos y moneda

31 entidades
EntidadCarácterNuméricaPunto de código
&copy;©&#169;U+00A9
&reg;®&#174;U+00AE
&trade;&#8482;U+2122
&deg;°&#176;U+00B0
&plusmn;±&#177;U+00B1
&sup1;¹&#185;U+00B9
&sup2;²&#178;U+00B2
&sup3;³&#179;U+00B3
&frac14;¼&#188;U+00BC
&frac12;½&#189;U+00BD
&frac34;¾&#190;U+00BE
&times;×&#215;U+00D7
&divide;÷&#247;U+00F7
&minus;&#8722;U+2212
&ne;&#8800;U+2260
&le;&#8804;U+2264
&ge;&#8805;U+2265
&asymp;&#8776;U+2248
&equiv;&#8801;U+2261
&infin;&#8734;U+221E
&radic;&#8730;U+221A
&sum;&#8721;U+2211
&prod;&#8719;U+220F
&part;&#8706;U+2202
&int;&#8747;U+222B
&micro;µ&#181;U+00B5
&euro;&#8364;U+20AC
&pound;£&#163;U+00A3
&yen;¥&#165;U+00A5
&cent;¢&#162;U+00A2
&curren;¤&#164;U+00A4

Flechas

11 entidades
EntidadCarácterNuméricaPunto de código
&larr;&#8592;U+2190
&uarr;&#8593;U+2191
&rarr;&#8594;U+2192
&darr;&#8595;U+2193
&harr;&#8596;U+2194
&crarr;&#8629;U+21B5
&lArr;&#8656;U+21D0
&uArr;&#8657;U+21D1
&rArr;&#8658;U+21D2
&dArr;&#8659;U+21D3
&hArr;&#8660;U+21D4

Letras griegas

34 entidades

Se usan mucho más para matemáticas y física que para texto en griego.

EntidadCarácterNuméricaPunto de código
&alpha;α&#945;U+03B1
&beta;β&#946;U+03B2
&gamma;γ&#947;U+03B3
&delta;δ&#948;U+03B4
&epsilon;ε&#949;U+03B5
&zeta;ζ&#950;U+03B6
&eta;η&#951;U+03B7
&theta;θ&#952;U+03B8
&iota;ι&#953;U+03B9
&kappa;κ&#954;U+03BA
&lambda;λ&#955;U+03BB
&mu;μ&#956;U+03BC
&nu;ν&#957;U+03BD
&xi;ξ&#958;U+03BE
&pi;π&#960;U+03C0
&rho;ρ&#961;U+03C1
&sigma;σ&#963;U+03C3
&tau;τ&#964;U+03C4
&upsilon;υ&#965;U+03C5
&phi;φ&#966;U+03C6
&chi;χ&#967;U+03C7
&psi;ψ&#968;U+03C8
&omega;ω&#969;U+03C9
&Alpha;Α&#913;U+0391
&Beta;Β&#914;U+0392
&Gamma;Γ&#915;U+0393
&Delta;Δ&#916;U+0394
&Theta;Θ&#920;U+0398
&Lambda;Λ&#923;U+039B
&Pi;Π&#928;U+03A0
&Sigma;Σ&#931;U+03A3
&Phi;Φ&#934;U+03A6
&Psi;Ψ&#936;U+03A8
&Omega;Ω&#937;U+03A9

Letras acentuadas

58 entidades

Rara vez necesarias hoy: una página UTF-8 puede llevar estos caracteres directamente. Importan en las plantillas de correo y en los sistemas antiguos.

EntidadCarácterNuméricaPunto de código
&agrave;à&#224;U+00E0
&aacute;á&#225;U+00E1
&acirc;â&#226;U+00E2
&atilde;ã&#227;U+00E3
&auml;ä&#228;U+00E4
&aring;å&#229;U+00E5
&aelig;æ&#230;U+00E6
&ccedil;ç&#231;U+00E7
&egrave;è&#232;U+00E8
&eacute;é&#233;U+00E9
&ecirc;ê&#234;U+00EA
&euml;ë&#235;U+00EB
&igrave;ì&#236;U+00EC
&iacute;í&#237;U+00ED
&icirc;î&#238;U+00EE
&iuml;ï&#239;U+00EF
&ntilde;ñ&#241;U+00F1
&ograve;ò&#242;U+00F2
&oacute;ó&#243;U+00F3
&ocirc;ô&#244;U+00F4
&otilde;õ&#245;U+00F5
&ouml;ö&#246;U+00F6
&oslash;ø&#248;U+00F8
&oelig;œ&#339;U+0153
&ugrave;ù&#249;U+00F9
&uacute;ú&#250;U+00FA
&ucirc;û&#251;U+00FB
&uuml;ü&#252;U+00FC
&yacute;ý&#253;U+00FD
&yuml;ÿ&#255;U+00FF
&szlig;ß&#223;U+00DF
&scaron;š&#353;U+0161
&Scaron;Š&#352;U+0160
&zcaron;ž&#382;U+017E
&Zcaron;Ž&#381;U+017D
&Agrave;À&#192;U+00C0
&Aacute;Á&#193;U+00C1
&Acirc;Â&#194;U+00C2
&Auml;Ä&#196;U+00C4
&Aring;Å&#197;U+00C5
&AElig;Æ&#198;U+00C6
&Ccedil;Ç&#199;U+00C7
&Egrave;È&#200;U+00C8
&Eacute;É&#201;U+00C9
&Ecirc;Ê&#202;U+00CA
&Iacute;Í&#205;U+00CD
&Ntilde;Ñ&#209;U+00D1
&Oacute;Ó&#211;U+00D3
&Ouml;Ö&#214;U+00D6
&Oslash;Ø&#216;U+00D8
&OElig;Œ&#338;U+0152
&Uacute;Ú&#218;U+00DA
&Uuml;Ü&#220;U+00DC
&Yacute;Ý&#221;U+00DD
&eth;ð&#240;U+00F0
&thorn;þ&#254;U+00FE
&ETH;Ð&#208;U+00D0
&THORN;Þ&#222;U+00DE

Preguntas frecuentes

¿Qué caracteres deben escaparse en HTML?
En el contenido de texto, & y < obligatoriamente deben escaparse. Dentro del valor de un atributo también necesitas la comilla que lo delimita. Escapar >, " y ' en todas partes es práctica habitual porque es más fácil aplicar una sola regla que estar pendiente del contexto en el que te encuentras.
¿Cuál es la diferencia entre &nbsp; y un espacio normal?
Un espacio de no separación se representa como un espacio pero prohíbe un salto de línea en ese punto, y los consecutivos no se colapsan como sí ocurre con el espacio en blanco ordinario. Eso lo hace adecuado para «10&nbsp;kg» e inadecuado para la sangría o el espaciado de la maquetación.
¿Debo usar entidades con nombre o numéricas?
Las entidades con nombre son legibles: &copy; dice lo que es, mientras que &#169; no. Las numéricas funcionan para todos los caracteres de Unicode, incluidos los que no tienen nombre alguno, y son la única opción fuera de HTML: XML define solo cinco nombres.
¿Por qué mi página muestra &amp;amp; en lugar de &?
Se escapó dos veces: un texto que ya contenía &amp; pasó de nuevo por un codificador, convirtiendo el & de la entidad en &amp; a su vez. Es el síntoma clásico de escapar tanto al escribir como al renderizar.
¿Sigo necesitando entidades en una página UTF-8?
Solo para los caracteres reservados. Todo lo demás puede ser el carácter literal, que es más corto y más fácil de leer y buscar. Las entidades siguen siendo útiles para los caracteres invisibles, cuando quieres que el código fuente sea explícito sobre lo que hay ahí.