Curso HTML 4.5 Entidades de caracteres (símbolos especiales, espacios, etc.)

Entidades de caracteres en HTML

En HTML, las entidades de caracteres permiten representar caracteres especiales, reservados o que no forman parte del conjunto ASCII básico. Se usan para:

  • Mostrar símbolos especiales (matemáticos, monetarios, flechas, etc.).
  • Incluir caracteres reservados del propio HTML (<, >, &, comillas).
  • Inserción de espacios no separables, guiones especiales, etc.

Sintaxis de una entidad

Cualquier entidad sigue esta forma:

&nombre;       
&#número;     
&#xHEX;       
  • Entidades nombradas: legibles, definidas por el estándar (p.ej. &copy; para ©).
  • Entidades numéricas: referencian el código Unicode. Por ejemplo, &#169; y &#xA9; equivalen a ©.

Entidades para caracteres reservados

Carácter Entidad nombrada Decimal Hexadecimal
< &lt; &#60; &#x3C;
> &gt; &#62; &#x3E;
& &amp; &#38; &#x26;
‘ &quot; &#34; &#x22;
‘ &apos; &#39; &#x27;

Espacios y caracteres de control

  • &nbsp; (&#160;): espacio no separable.
  • &ensp; (&#8194;): espacio del ancho de una “n”.
  • &emsp; (&#8195;): espacio del ancho de una “m”.
  • &thinsp; (&#8201;): espacio fino.
  • &ndash; (&#8211;): guión corto (–).
  • &mdash; (&#8212;): guión largo (—).
  • &shy; (&#173;): posible punto de quiebre suave.

Entidades ISO Latin-1 (HTML 4.0)

HTML 4.0 incluye gran parte de la codificación ISO-8859-1. Ejemplos:

Carácter Entidad Código decimal
á &aacute; 225
é &eacute; 233
í &iacute; 237
ó &oacute; 243
ú &uacute; 250
ñ &ntilde; 241
¿ &iquest; 191
¡ &iexcl; 161

Símbolos matemáticos y de moneda

Símbolo Entidad Código dec.
© &copy; 169
® &reg; 174
€ &euro; 8364
£ &pound; 163
¥ &yen; 165
± &plusmn; 177
× &times; 215
÷ &divide; 247
≤ &le; 8804
≥ &ge; 8805

Flechas y otros símbolos

  • &larr; ← (&#8592;)
  • &rarr; → (&#8594;)
  • &uarr; ↑ (&#8593;)
  • &darr; ↓ (&#8595;)
  • &harr; ↔ (&#8596;)
  • &bull; • (&#8226;)
  • &hellip; … (&#8230;)

Ejemplos prácticos

1) Insertar una cita con comillas y guiones especiales:

<p>
  John dijo: "La velocidad es < 100 km/h"
  &mdash; enemigo del aburrimiento &mdash;
</p>

2) Lista de símbolos matemáticos:

<ul>
  <li>2 &times; 3 = 6</li>
  <li>5 &plusmn; 2 = 3 o 7</li>
  <li>x &le; y &le; z</li>
</ul>

3) Tabla con flechas y espacios fijos:

<table border='1'>
  <tr><th>Movimiento</th><th>Flecha</th></tr>
  <tr><td>Izquierda</td><td>&larr;&ensp;</td></tr>
  <tr><td>Derecha</td><td>&rarr;&ensp;</td></tr>
  <tr><td>Arriba</td><td>&uarr;&ensp;</td></tr>
  <tr><td>Abajo</td><td>&darr;&ensp;</td></tr>
</table>

Buenas prácticas y recomendaciones

  • Usar entidades nombradas cuando existan, por legibilidad.
  • Para caracteres raros, las numéricas son universales (&#xHHHH;).
  • Evitar inserciones directas si el archivo no está en la codificación adecuada.
  • Validar el documento para detectar referencias desconocidas.


Publicado

en

por

Etiquetas:

Comentarios

Deja una respuesta