Entidades HTML
Los caracteres reservados en HTML deben reemplazarse con entidades de caracteres.
Entidades HTML
Algunos caracteres están reservados en HTML.
Si usa los signos 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 usar 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 entidad, pero la compatibilidad con los números de entidad es buena.
Espacio irrompible
Una entidad de uso común en HTML es el espacio de no separación:
Un espacio que no se rompe es un espacio que no se dividirá en una nueva línea.
Dos palabras separadas por un espacio de no separación se mantendrán juntas (no se dividirán en una nueva línea). Esto es útil cuando romper las palabras puede ser perturbador.
Ejemplos:
- § 10
- 10 km/h
- 22:00
Otro uso común del espacio de no separación es evitar que los navegadores trunquen los espacios en las páginas HTML.
Si escribe 10 espacios en su texto, el navegador eliminará 9 de ellos. Para agregar espacios reales a su texto, puede usar el entidad de carácter.
Sugerencia: El guión de no separación ( ‑ ) se usa para definir un carácter de guión (‑) que no se divide en una nueva línea.
Algunas entidades de caracteres HTML útiles
| Result | Description | Entity Name | Entity Number | Try it |
|---|---|---|---|---|
| non-breaking space | |   | ||
| < | less than | < | < | |
| > | greater than | > | > | |
| & | ampersand | & | & | |
| " | double quotation mark | " | " | |
| ' | single quotation mark (apostrophe) | ' | ' | |
| ¢ | cent | ¢ | ¢ | |
| £ | pound | £ | £ | |
| ¥ | yen | ¥ | ¥ | |
| € | euro | € | € | |
| © | copyright | © | © | |
| ® | registered trademark | ® | ® |
Nota: Los nombres de las entidades distinguen entre mayúsculas y minúsculas.
Combinar marcas diacríticas
Una marca diacrítica es un "glifo" agregado a una letra.
Algunas marcas diacríticas, como grave (̀) y aguda (́) se llaman acentos.
Los signos diacríticos pueden aparecer encima y debajo de una letra, dentro de una letra y entre dos letras.
Los signos diacríticos se pueden usar en combinación con caracteres alfanuméricos para producir un carácter que no está presente en el juego de caracteres (codificación) que se usa en la página.
Aquí hay unos ejemplos:
| Mark | Character | Construct | Result | Try it |
|---|---|---|---|---|
| ̀ | a | à | à | |
| ́ | a | á | á | |
| ̂ | a | â | â | |
| ̃ | a | ã | ã | |
| ̀ | O | Ò | Ò | |
| ́ | O | Ó | Ó | |
| ̂ | O | Ô | Ô | |
| ̃ | O | Õ | Õ |
Verá más símbolos HTML en el próximo capítulo de este tutorial.