La representación de los símbolos especiales es un problema en muchos lenguajes de programación. Un símbolo especial puede ser un arroba (@), usado en los correos electrónico o un símbolo de dólar ($), empleado para distinguir una moneda específica, entre muchos tantos ejemplos. En el caso de HTML, existen las entidades las cuales son estructuras que proporcionan una forma de representar estos símbolos.
Hay dos maneras de codificar una entidad HTML. La primera es a través del uso del ampersand(&) seguido del código o nombre de la entidad y terminado en un punto y coma. La segunda es usando el ampersand (&), a continuación el numeral (#) y seguidamente el código o nombre de la entidad y terminado en punto y coma. En resumen, una entidad se estructura usando cualquiera de las siguientes formas:
Te mostramos algunas entidades HTML útiles. Como puedes observar en la tabla siguiente se puede utilizar el número de la entidad (código de la entidad) o el nombre de la entidad.
Caracter | Código de la Entidad | Nombre de la Entidad |
á | à | á |
é | é | é |
í | í | í |
ó | ó | ó |
ú | ú | ú |
< | < | < |
> | > | > |
@ | @ | |
& | & | & |
$ | $ | |
€ | € | € |
“ | " | " |
Π | Π | Π |
El siguiente código HTML es un ejemplo del uso de las entidades HTML:
<p>Esta bicicleta tiene un costo de &dolar;40</p>
<p>El perímetro de un círculo es 2Π</p>
<p>Nuestro corres electrónico:test@test.com</p>
Que se desplegará como:
Esta bicicleta tiene un costo de $40
El perímetro de un círculo es 2Π
Este es mi correo electrónico: test@test.com