Algunos símbolos son difíciles de escribir y otros están técnicamente prohibidos. Descubra cuál es cuál y cómo dominar los caracteres en HTML.
Puede haber ocasiones en las que necesite usar un carácter especial en su sitio web, como el símbolo de ampersand. Sin embargo, no puede simplemente escribir "&" en su código HTML, ya que este es un símbolo HTML reservado.
En su lugar, puede utilizar entidades HTML o códigos especiales para representar estos caracteres. Esto le permite agregar símbolos a su página web sin interferir con el código HTML real.
¿Qué son los símbolos en HTML?
Cuando construyendo un sitio web HTML, utilizará una variedad de símbolos para la puntuación. Si bien puede agregar la mayoría de los caracteres directamente a su página, algunos tienen un significado especial o son difíciles de escribir. Por ejemplo, HTML utiliza símbolos como corchetes angulares (< y >), signos de y comercial (&) y comillas (" y ') para representar la estructura de su contenido.
Un navegador web normalmente interpretará el símbolo del paréntesis angular como una etiqueta de apertura o cierre. Si eso no es lo que pretende, puede causar errores en su página web. Ejemplos de símbolos que requieren un código de entidad incluyen:
- Y comercial (
&) - Menos que (
<) - Mas grande que (
>) - Comillas dobles (
") - Una frase (
')
Otros símbolos como el símbolos de derechos de autor y marcas registradas no requiere un código de entidad, pero aún puede usar uno si lo prefiere. Pueden ser difíciles de escribir o incluso no compatibles con su editor de texto. Algunos ejemplos incluyen:
- Símbolo de derechos de autor (©)
- Símbolo de marca comercial (™)
- Símbolo de marca registrada (®)
¿Qué son las entidades nombradas y numéricas?
Puede representar cada símbolo usando un código de entidad numérico, y el más común también con una entidad con nombre. Aquí hay unos ejemplos:
Símbolo |
Código de entidad nombrada |
Código de entidad numérica |
Y comercial |
& |
& |
Menos que |
< |
< |
Mas grande que |
> |
> |
Comillas dobles |
" |
" |
Una frase |
' |
' |
Derechos de autor |
© |
© |
símbolo de marca registrada |
™ |
™ |
símbolo de marca registrada |
® |
® |
El uso del código con nombre o numérico mostrará el símbolo correspondiente. Por ejemplo, si usa "©" o "©" se mostrará el símbolo de derechos de autor.
Agregar emojis a su página web
También puede mostrar emojis usando un código de entidad. Todos los emojis tienen un código de entidad numérico en HTML, pero no todos tienen un código de entidad con nombre. Algunos ejemplos incluyen:
Símbolo |
Código de entidad numérica |
Cara sonriente (😃) |
😃 |
Cara que ríe (😆) |
😆 |
Cara Sonriente con Halo (😇) |
😇 |
Cómo insertar símbolos en una página web usando códigos de entidad
Puede insertar códigos de entidad en el contenido de su página HTML. Ver su página web en un navegador convertirá los códigos en su símbolo correspondiente.
- En un nuevo archivo HTML, agregue la estructura básica para una página web HTML:
html>
<html>
<cabeza>
<título>Ejemplo de símbolo y entidadtítulo>
<metajuego de caracteres="UTF-8">
cabeza>
<cuerpo>
cuerpo>
html> - Dentro de la etiqueta del cuerpo, agregue algo de contenido HTML. Incluya el código de entidad con nombre o numérico para el símbolo que desea mostrar:
<h1>Símbolos HTMLh1>
<pag>Símbolo de copyright: ©pag>
<pag>Símbolo comercial: &pag>
<pag>Símbolo de marca registrada: ™pag>
<pag>Cara sonriente: 😃pag> - Abra su archivo HTML en un navegador web para ver los símbolos correspondientes:
Uso de símbolos HTML especiales o reservados en su sitio web
Ahora que sabe cómo agregar símbolos a su página web HTML, puede explorar otro contenido interesante que puede agregar para que su sitio web sea más atractivo.