Los caracteres reservados en HTML deben reemplazarse con entidades de caracteres. Los caracteres siempre comienzan con
&y terminan en;
Entidades HTML
Algunos caracteres están reservados en HTML.
Por ejemplo, si usas los signos menor que (<) o mayor que (>) en el contenido del documento, el navegador podría confundirlos con etiquetas.
Las entidades de caracteres se utilizan para mostrar caracteres reservados en HTML.
Una entidad de carácter se ve así:
&entidad_nombre;
O
&#entidad_numero;
Para mostrar el 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 soporten 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 irrompible:
Un espacio irrompible es un espacio que no se dividirá en una nueva línea.
Dos palabras separadas por un espacio irrompible se mantendrán juntas (no se dividirán en una nueva línea). Esto es útil cuando romper las palabras puede ser perturbador.
Ejemplo:
Otro uso común del espacio irrompible es evitar que los navegadores trunquen los espacios en las páginas HTML.
Si añades con la tecla espaciadora 10 espacios en el contenido de texto, el navegador eliminará 9 de ellos. Para agregar espacios reales al texto, puedes usar la entidad:
Entidades de caracteres útiles
| Resultado | Descripción | Nombre Entidad | Numero Entidad |
| espacio irrompible | |   | |
< | menor que | < | < |
> | mayor que | > | > |
& | ampersand | & | & |
" | comilla doble | " | " |
' | comilla simple | ' | ' |
¢ | centavo | ¢ | ¢ |
£ | libra | £ | £ |
¥ | yen | ¥ | ¥ |
€ | euro | € | € |
| © | copyright | © | © |
| ® | marca registrada | ® | ® |
Nota: Los nombres de entidad no diferencian entre minúsculas o mayúsculas (case-sensitive)
Combinación de 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.
Ejemplo:
| Marca | Caracter | Constructor | Resultado |
̀ | a | à | à |
́ | a | á | á |
̂ | a | â | â |
̃ | a | ã | ã |
̀ | O | Ò | Ò |
́ | O | Ó | Ó |
̂ | O | Ô | Ô |
̃ | O | Õ | Õ |
Resumen
En HTML podemos utilizar nombres de entidades o números de entidades para añadir algún caracter especial que los navegadores podrían no soportar.
Traducido con 💚 desde W3Schools.com