Unha guía fácil de usar caracteres especiais en HTML
As páxinas web que visita en liña están construídas usando código HTML que indique aos navegadores que o contido da páxina é e como facelo visualmente para os espectadores. O código contén bloques de construción de instrucións coñecidos como elementos, que o visor da páxina web nunca ve. O código tamén contén caracteres de texto normais como os de titulares e parágrafos deseñados para que o espectador lea.
O papel dos caracteres especiais en HTML
Cando usa HTML e escribe o texto deseñado para ser visto, normalmente non necesitará ningún código especial: use só o teclado da computadora para engadir as letras ou os caracteres axeitados. Ocorre un problema cando se quere escribir un carácter no texto lexible que HTML usa como parte do código en si. Estes caracteres inclúen os
Os caracteres especiais son pezas específicas de código HTML deseñadas para mostrar caracteres que se usan no código HTML ou para incluír caracteres que non se atopan no teclado no texto que ve o espectador. O HTML proporciona estes caracteres especiais con codificación numérica ou de caracteres para que poidan ser incluídos nun documento HTML, lido polo navegador e visualizado axeitadamente para que os visitantes do seu sitio poidan ver.
Caracteres HTML especiais
Tres caracteres están no centro da sintaxe do código HTML. Non debería usalos nunca nas partes lexibles da súa páxina web sen codificalas primeiro para mostrar correctamente. Son os símbolos maiores que os que son menos que os e os símbolos. Noutras palabras, nunca debería empregar o menos que o símbolo < no seu código HTML salvo que sexa o comezo dunha etiqueta HTML. Se o fas, o personaxe confunde os navegadores e as túas páxinas poden non funcionar como esperabas. Os tres personaxes que nunca debes agregar sen codificar son:
- menos que o signo <
- maior que sinal >
- ampersand &
Cando escribe estes caracteres directamente no seu código HTML -a non ser que estea a usar como elementos do tipo de código na codificación para eles, polo que aparecen correctamente no texto lexible:
- menos que o signo - & lt;
- maior que o sinal - & gt;
- ampersand - & amp;
Cada personaxe especial comeza cun ampersand -incluso o carácter especial para ampersand comeza con este carácter. Os caracteres especiais finalizan cun punto e coma. Entre estes dous personaxes, engádese o que corresponda para o carácter especial que desexa engadir. Lt (por menos de ) crea o símbolo menos que cando aparece entre o ámbar e punto e coma en HTML. Do mesmo xeito, gt crea o símbolo maior que o amplificador e produce un ampersand cando se sitúan entre un e punto e coma.
Caracteres especiais que non podes escribir
Calquera carácter que se poida renderizar no conxunto de caracteres estándar de Latin-1 pódese representar en HTML. Se non aparece no teclado, emprega o símbolo ampersand co código único asignado ao personaxe seguido polo punto e coma.
Por exemplo, o "código agradable" do símbolo de copyright é & copy; e comercio ; é o código para o símbolo da marca rexistrada.
Este código agradable é fácil de teclear e fácil de lembrar, pero hai moitos personaxes que non teñen un código agradable que é fácil de lembrar.
Cada carácter que se pode escribir na pantalla ten un código numérico decimal correspondente. Podes usar este código numérico para mostrar calquera carácter. Por exemplo, o código numérico decimal para o símbolo de copyright- & # 169; -demóstraos como funcionan os códigos numéricos. Iníciase aínda cun ampersand e termina cun punto e coma, pero no canto de texto amigable, emprega o signo de número seguido dun código de número único para ese carácter.
Os códigos amigables son fáciles de lembrar, pero os códigos numéricos adoitan ser máis fiables. Os sitios que están construídos con bases de datos e XML poden non ter todos os códigos amigables definidos, pero apoian os códigos numéricos.
A mellor forma de atopar os códigos numéricos para os personaxes é o conxunto de caracteres que podes atopar en liña. Cando atopes o símbolo que necesitas, só tes que copiar e pegar o código numérico no teu HTML.
Algúns conxuntos de caracteres inclúen:
- Códigos de moeda
- Códigos matemáticos
- Códigos de puntuación
- Códigos de pronuncia
- Códigos de diacríticos
Caracteres do idioma non inglés
Os caracteres especiais non se limitan ao idioma inglés. Os caracteres especiais en linguas non inglesas poden expresarse en HTML, incluíndo:
Entón, cales son os códigos hexadecimales?
O código hexadecimal é un formato alternativo para mostrar caracteres especiais en código HTML. Podes usar calquera método que queiras para a túa páxina web. Vostede busca-los en conxuntos de personaxes en liña e usalos da mesma forma que usa códigos amigables ou códigos numéricos.
Engada a Declaración de Unicode ao Xestor de documentos
Engada a seguinte meta-etiqueta en calquera lugar dentro do
Consellos
Non importa o método que use, ten en conta algunhas das mellores prácticas:
- Sempre peche a túa entidade cun punto e coma. Algúns editores HTML permiten que publiques códigos HTML sen o punto e coma final, pero as túas páxinas non serán válidas e moitos navegadores non mostrarán correctamente as entidades sen el.
- Comezar sempre cun ampersand. Moitos editores web permítenche escapar deixando de lado o "amp;" pero cando mostra un só e en formato XHTML, provoca un erro de validación.
- Proba as túas páxinas en tantos navegadores como poidas. Se o carácter é crucial para comprender o documento e non pode probalo nas combinacións de navegador / sistema operativo que utilizan os seus clientes, debería buscar outra forma de representala. Non obstante, antes de recorrer a imaxes ou a outra cousa, probe unha das ferramentas de proba do navegador que pode validar o seu código en varios navegadores.