HTML Entidades
Los caracteres reservados en HTML deben reemplazarse con entidades de caracteres.
HTML Entidades
Algunos caracteres están reservados en HTML.
Si utiliza signos de menor que (<) o mayor que (>) en su texto, el navegador podría mezclarlos con etiquetas.
Las entidades de caracteres se utilizan para mostrar caracteres reservados en HTML.
Una entidad de carácter se ve así:
&entity_name;OR
&#entity_number;
Para mostrar un signo menor que (<) debemos escribir: < o <
Ventaja de utilizar un nombre de entidad: El nombre de una entidad es fácil de recordar.
Desventaja de usar un nombre de entidad: Es posible que los navegadores no admitan todos los nombres de entidades, pero la compatibilidad con los números de entidades es buena.
Espacio sin interrupciones
Una entidad comúnmente utilizada en HTML es el espacio sin separación:
Un espacio sin separación es un espacio que no se dividirá en una nueva línea.
Dos palabras separadas por un espacio sin separación se mantendrán juntas (no se dividirán en una nueva línea). Esto es útil cuando romper las palabras puede resultar perjudicial.
Ejemplos:
- § 10
- 10 km/h
- 10 PM
Otro uso común del espacio sin separación es evitar que los navegadores trunquen espacios en las páginas HTML.
Si escribes 10 espacios en tu texto, el navegador eliminará 9 de ellos. Para agregar espacios reales a su texto, puede usar la entidad de carácter .
Consejo: El guion sin separación (‑) se utiliza para definir un carácter de guion (‑) que no se separa en una nueva línea.
Algunas entidades de caracteres HTML útiles
| Resultado | Descripción | Nombre de la entidad | Número de entidad | Intentalo |
|---|---|---|---|---|
| espacio irrompible | |   | Intentalo » | |
| < | menos que | < | < | Intentalo » |
| > | mas grande que | > | > | Intentalo » |
| & | signo comercial | & | & | Intentalo » |
| " | comillas dobles | " | " | Intentalo » |
| ' | comillas simples (apóstrofo) | ' | ' | Intentalo » |
| ¢ | centavo | ¢ | ¢ | Intentalo » |
| £ | pound | £ | £ | Intentalo » |
| ¥ | yen | ¥ | ¥ | Intentalo » |
| € | euro | € | € | Intentalo » |
| © | copyright | © | © | Intentalo » |
| ® | marca registrada | ® | ® | Intentalo » |
Nota: Los nombres de las entidades distinguen entre mayúsculas y minúsculas.
Combinando signos diacríticos
Una marca diacrítica es un "glyph" agregado a una letra.
Algunos signos diacríticos, como graves ( ̀) y agudos ( ́), se denominan acentos.
Los signos diacríticos pueden aparecer tanto encima como debajo de una letra, dentro de una letra y entre dos letras.
Los signos diacríticos se pueden utilizar en combinación con caracteres alfanuméricos para producir un carácter que no está presente en el conjunto de caracteres (codificación) utilizado en la página.
Aquí hay algunos ejemplos:
| Marca | Personaje | Construir | Resultado | Intentalo |
|---|---|---|---|---|
| ̀ | a | à | à | Intentalo » |
| ́ | a | á | á | Intentalo » |
| ̂ | a | â | â | Intentalo » |
| ̃ | a | ã | ã | Intentalo » |
| ̀ | O | Ò | Ò | Intentalo » |
| ́ | O | Ó | Ó | Intentalo » |
| ̂ | O | Ô | Ô | Intentalo » |
| ̃ | O | Õ | Õ | Intentalo » |
Verá más símbolos HTML en el próximo capítulo de este tutorial.
