Las páginas web que visita en línea se crean utilizando HTML código 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 de instrucción conocidos como elementos, que el espectador de la página 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 los lea el espectador.
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; solo usa el teclado de su computadora para agregar las letras o caracteres apropiados. Surge un problema cuando desea escribir un carácter en el texto legible que HTML usa como parte del código en sí. Estos personajes incluyen el < y > caracteres que se utilizan en el código para comenzar y terminar cada etiqueta HTML. También puede incluir caracteres en el texto que no tienen un análogo directo en el teclado, como
© y Ñ. Para los caracteres que no tienen una tecla en su teclado, ingresa un código.
Los caracteres especiales son piezas específicas de código HTML diseñadas para mostrar caracteres que se utilizan en el código HTML o para incluir caracteres que no se encuentran en el teclado en el texto que el visor ve. HTML procesa estos caracteres especiales con codificación numérica o de caracteres para que puedan incluirse en un Documento HTML, leído por el navegador y mostrado correctamente para que lo vean los visitantes de su sitio.
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 mayor que, menor que y y comercial. En otras palabras, nunca debe usar el símbolo menor que < en su código HTML a menos que sea el comienzo de un Etiqueta HTML. Si lo hace, el carácter confunde a los navegadores y es posible que sus páginas no se muestren como espera. Los tres caracteres que nunca debe agregar sin codificar son:
- signo menor que <
- signo mayor que >
- ampersand &
Cuando escriba estos caracteres directamente en su código HTML, a menos que los esté usando como elementos en el código, escriba la codificación para que aparezcan correctamente en el texto legible:
- signo menor que - <
- signo mayor que - >
- ampersand - &
Cada carácter especial comienza con un ampersand, incluso el carácter especial de ampersand comienza con este carácter. Los caracteres especiales terminan con punto y coma. Entre estos dos caracteres, agrega lo que sea apropiado para el carácter especial que desea agregar. es (por menos que) crea el símbolo menor que cuando aparece entre el ampersand y el punto y coma en HTML. Similar, gt crea el símbolo mayor que y amperio produce un ampersand cuando se colocan entre un ampersand y punto y coma.
Caracteres especiales que no puede escribir
Cualquier carácter que se pueda representar en el juego de caracteres estándar Latin-1 se puede representar en HTML. Si no aparece en su teclado, use el símbolo comercial con el código único que se le ha asignado al carácter seguido del punto y coma.
Por ejemplo, el "código descriptivo" para el símbolo de copyright es © y ™ es el código del 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 utilizar este código numérico para mostrar cualquier carácter. Por ejemplo, el código numérico decimal para el símbolo de copyright: © - demuestra 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 descriptivo, se usa el signo numérico seguido de un código numérico único para ese carácter.
Los códigos amigables son fáciles de recordar, pero los códigos numéricos suelen ser más confiables. Sitios que se crean con bases de datos y XML Puede que no tengan todos los códigos descriptivos definidos, pero son compatibles con los códigos numéricos.
La mejor manera de encontrar los códigos numéricos de los caracteres es mediante 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 juegos de caracteres incluyen:
- Códigos de moneda
- Códigos matemáticos
- Códigos de puntuación
- Códigos de pronunciación
- Códigos diacríticos
Caracteres en idiomas distintos del inglés
Los caracteres especiales no se limitan al idioma inglés. Los caracteres especiales en idiomas distintos del inglés se pueden expresar en HTML, incluidos:
- Español
- francés
- griego
- rumano
Entonces, ¿qué son los códigos hexadecimales?
Código hexadecimal es un formato alternativo para mostrar caracteres especiales en código HTML. Puede utilizar 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.
Agregue la declaración Unicode al encabezado de su documento
Agregue la siguiente metaetiqueta en cualquier lugar dentro del.
contenido = "texto / html; charset = utf-8 "/>Consejos
Independientemente del método que utilice, tenga en cuenta algunas prácticas recomendadas:
Termine siempre 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 no mostrarán las entidades correctamente sin él.
Empiece siempre con un ampersand
Muchos editores web le permiten salirse con la suya omitiendo el "amplificador"; pero cuando muestra un ampersand solo en XHTML, 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 no puede probarlo en las combinaciones de navegador / sistema operativo que utilizan 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.