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.
©para ©). - Entidades numéricas: referencian el código Unicode. Por ejemplo,
©y©equivalen a ©.
Entidades para caracteres reservados
| Carácter | Entidad nombrada | Decimal | Hexadecimal |
|---|---|---|---|
| < | < |
< |
< |
| > | > |
> |
> |
| & | & |
& |
& |
| ‘ | " |
" |
" |
| ‘ | ' |
' |
' |
Espacios y caracteres de control
( ): espacio no separable. ( ): espacio del ancho de una “n”. ( ): espacio del ancho de una “m”. ( ): espacio fino.–(–): guión corto (–).—(—): guión largo (—).­(­): 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 |
|---|---|---|
| á | á |
225 |
| é | é |
233 |
| í | í |
237 |
| ó | ó |
243 |
| ú | ú |
250 |
| ñ | ñ |
241 |
| ¿ | ¿ |
191 |
| ¡ | ¡ |
161 |
Símbolos matemáticos y de moneda
| Símbolo | Entidad | Código dec. |
|---|---|---|
| © | © |
169 |
| ® | ® |
174 |
| € | € |
8364 |
| £ | £ |
163 |
| ¥ | ¥ |
165 |
| ± | ± |
177 |
| × | × |
215 |
| ÷ | ÷ |
247 |
| ≤ | ≤ |
8804 |
| ≥ | ≥ |
8805 |
Flechas y otros símbolos
←← (←)→→ (→)↑↑ (↑)↓↓ (↓)↔↔ (↔)•• (•)…… (…)
Ejemplos prácticos
1) Insertar una cita con comillas y guiones especiales:
<p> John dijo: "La velocidad es < 100 km/h" — enemigo del aburrimiento — </p>
2) Lista de símbolos matemáticos:
<ul> <li>2 × 3 = 6</li> <li>5 ± 2 = 3 o 7</li> <li>x ≤ y ≤ 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>← </td></tr> <tr><td>Derecha</td><td>→ </td></tr> <tr><td>Arriba</td><td>↑ </td></tr> <tr><td>Abajo</td><td>↓ </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.
Deja una respuesta
Lo siento, debes estar conectado para publicar un comentario.