Las páginas web que visita en línea se crean utilizando un código HTML que le dice a los navegadores web cuál es el contenido de la página y cómo representarlo visualmente para los espectadores. El código contiene bloques de construcción instructivos conocidos como elementos, que el visor de páginas web nunca ve. El código también contiene caracteres de texto normales, como los de los titulares y párrafos diseñados para que el espectador los lea.
El papel de los caracteres especiales en HTML
Cuando usa HTML y escribe el texto diseñado para ser visto, generalmente no necesita ningún código especial & amp; apos; t; x2014; usa solo el teclado de su computadora para agregar las letras o caracteres apropiados. Un problema surge cuando desea escribir un carácter en el texto legible que HTML usa como parte del código en sí. Estos caracteres incluyen & amp; lt; y & amp; gt; caracteres que se usan en el código para iniciar y finalizar cada etiqueta HTML. También puede incluir caracteres en el texto que don & amp; # x2019; t tiene un análogo directo en el teclado, como & amp; # xA9; y & amp; # xD1; .Para los caracteres que no tienen una tecla & amp; apos; t en su teclado, ingrese un código & amp; amp; nbsp;.
:max_bytes(150000):strip_icc():format(webp)/GettyImages-131587103-5c90f9b6c9e77c0001e11e00.jpg)
& lt; / img & gt ;
Imágenes CSA / Getty Images
Los caracteres especiales son piezas específicas de código HTML diseñadas para mostrar caracteres que se usan en el código HTML o para incluir caracteres que no se encuentran en el teclado en el texto que ve el espectador. HTML presenta estos caracteres especiales con codificación numérica o de caracteres para que puedan incluirse en un documento HTML, leerse en el navegador y mostrarse correctamente para que los visitantes de su sitio y amp; apos; s lo vean.& amp; amp; nbsp; & amp; amp; nbsp;
Video destacado
Hay tres caracteres en el núcleo de la sintaxis del código HTML. Nunca debe usarlos en las partes legibles de su página web sin codificarlos primero para una visualización adecuada. Son los símbolos más grandes que, menos que y ampersand. En otras palabras, nunca debe usar el símbolo menor que & amp; lt; en su código HTML a menos que sea el comienzo de una etiqueta HTML. Si lo hace, el carácter confunde los navegadores, y sus páginas pueden no renderizar como espera. Los tres caracteres que nunca debe agregar sin codificar son:
- signo menos que & amp; lt;
- mayor que el signo & amp; gt;
- ampersand & amp; amp;
Cuando escribe estos caracteres directamente en su código HTML & amp; # x2014; a menos que los esté utilizando como elementos en el código & amp; # x2014; escriba la codificación para ellos, para que aparezcan correctamente en el texto legible:
- menos que sign & amp; amp; nbsp; & amp; # x2014; & amp; amp; nbsp; & amp; lt;
- mayor que el signo & amp; # x2014; & amp; amp; nbsp; & amp; gt;
- ampersand & amp; # x2014; & amp; amp; nbsp; & amp; amp;
Cada personaje especial comienza con un ampersand & amp; # x2014; incluso el personaje especial para ampersand comienza con este personaje. Los personajes especiales terminan con un punto y coma. Entre estos dos caracteres, agrega lo que sea apropiado para el carácter especial que desea agregar.&erio;amperio;nbsp; lt (para menos que ) crea el símbolo menos que cuando aparece entre el ampersand y el punto y coma en HTML. Del mismo modo, gt crea el símbolo mayor que y amperio produce un ampersand cuando se colocan entre un ampersand y un punto y coma.
Caracteres especiales que puede & amp; # x2019; t Tipo
Cualquier carácter que se pueda representar en el conjunto de caracteres estándar Latin-1 se puede representar en HTML. Si no aparece & amp; apos; t en su teclado, usa el símbolo de ampersand con el código único que se ha asignado al carácter seguido del punto y coma.
Por ejemplo, el código amigable & amp; quot; quot; para el símbolo de copyright is & amp; amp; nbsp; & amp; # xA9; y & amp; amp; nbsp; & amp; # x200B; & amp; # x200B; & amp; # x2122; es el código para el símbolo de marca registrada.
Este código amigable es fácil de escribir y fácil de recordar, pero hay muchos caracteres que no tienen un código amigable que sea fácil de recordar.
Cada carácter que se puede escribir en la pantalla tiene un código numérico decimal correspondiente. Puede usar este código numérico para mostrar cualquier carácter. Por ejemplo, el código numérico decimal para el símbolo de copyright & amp; # x2014; & amp; # xA9; & amp; # x2014; demuestra & amp; amp; nbsp; cómo funcionan los códigos numéricos. Todavía comienzan con un ampersand y terminan con un punto y coma, pero en lugar de un texto amigable, usa el signo de número seguido de un código de número único para ese carácter.
Los códigos amigables son fáciles de recordar, pero los códigos numéricos son a menudo más confiables. Los sitios que están construidos con bases de datos y XML pueden no tener todos los códigos amigables definidos, pero admiten los códigos numéricos.
La mejor manera de encontrar los códigos numéricos para los caracteres es en los conjuntos de caracteres que puede encontrar en línea. Cuando encuentre el símbolo que necesita, simplemente copie y pegue el código numérico en su HTML.
Algunos conjuntos de caracteres incluyen:
- Códigos de moneda
- Códigos matemáticos
- Códigos de puntuación
- Códigos de pronunciación
- Códigos de signos diacríticos
Caracteres de idiomas no ingleses
Los personajes especiales son & amp; apos; t limitado al idioma inglés. Los caracteres especiales en idiomas que no son en inglés se pueden expresar en HTML, que incluyen:
- Español
- Francés
- Griego
- Rumano
Entonces, ¿qué son los códigos hexadecimales??
El código hexadecimal es un formato alternativo para mostrar caracteres especiales en el código HTML. Puede usar el método que desee para su página web. Los busca en juegos de caracteres en línea y los usa de la misma manera que usa códigos amigables o códigos numéricos.& amp; amp; nbsp;
Agregue la Declaración de Unicode a su encabezado de documento
Agregue la siguiente metaetiqueta en cualquier lugar dentro del
& lt; pre / & gt; content = & amp; quot; text / html; charset = utf-8 & amp; quot; / & amp; gt ;
& lt; br & gt ;
Consejos
No importa qué método use, tenga en cuenta algunas de las mejores prácticas:
Siempre termine su entidad con un punto y coma
Algunos editores HTML le permiten publicar códigos HTML sin el punto y coma final, pero sus páginas no serán válidas, y muchos navegadores web ganaron y no muestran las entidades correctamente sin él.
Comience siempre con un ampersand
Muchos editores web le permiten salirse de la calle & amp; quot; amp; & amp; quot; pero cuando muestra un ampersand solo en XHTML, & amp; amp; nbsp; it & amp; amp; nbsp; provoca un error de validación.
Pruebe sus páginas en tantos navegadores como pueda
Si el carácter es crucial para comprender su documento y puede & amp; apos; t probarlo en las combinaciones de navegador / SO que usan sus clientes, debe encontrar otra forma de representarlo. Sin embargo, antes de recurrir a imágenes u otra cosa, pruebe una de las herramientas de prueba del navegador que puede validar su código en varios navegadores.
& lt; / br & gt ;
& amp; # x203A; Informática
