As páginas da web que você visita online são criadas usando HTML código que informa aos navegadores da web qual é o conteúdo da página e como renderizá-lo visualmente para os visualizadores. O código contém blocos de construção instrucionais conhecidos como elementos, que o visualizador da página da web nunca vê. O código também contém caracteres de texto normais, como aqueles em títulos e parágrafos projetados para o visualizador ler.
O papel dos caracteres especiais em HTML
Quando você usa HTML e digita o texto projetado para ser visualizado, geralmente não precisa de nenhum código especial - você usa apenas o teclado do computador para adicionar as letras ou caracteres apropriados. Surge um problema quando você deseja digitar um caractere no texto legível que o HTML usa como parte do próprio código. Esses personagens incluem o < e > caracteres que são usados no código para iniciar e terminar cada tag HTML. Você também pode incluir caracteres no texto que não tenham um análogo direto no teclado, como
© e Ñ. Para caracteres que não possuem uma tecla no teclado, você insere um código.
Caracteres especiais são pedaços específicos de código HTML projetados para exibir caracteres que são usados em o código HTML ou para incluir caracteres que não são encontrados no teclado no texto que o visualizador vê. HTML processa esses caracteres especiais com codificação numérica ou de caracteres para que possam ser incluídos em um Documento HTML, lida pelo navegador e exibida corretamente para que os visitantes do seu site vejam.
Existem três caracteres no núcleo da sintaxe do código HTML. Você nunca deve usá-los nas partes legíveis de sua página da web sem codificá-los primeiro para exibição adequada. Eles são os símbolos maior que, menor que e e comercial. Em outras palavras, você nunca deve usar o símbolo menor que < em seu código HTML, a menos que seja o início de um Tag HTML. Se você fizer isso, o caractere confundirá os navegadores e suas páginas podem não ser renderizadas conforme o esperado. Os três caracteres que você nunca deve adicionar não codificado são:
- menos que sinal <
- maior que sinal >
- e comercial &
Quando você digita esses caracteres diretamente em seu código HTML - a menos que esteja usando-os como elementos no código - digite a codificação para eles, para que apareçam corretamente no texto legível:
- menos que sinal - <
- maior que sinal - >
- e comercial - &
Cada caractere especial começa com um E comercial - até mesmo o caractere especial do E comercial começa com esse caractere. Os caracteres especiais terminam com um ponto e vírgula. Entre esses dois caracteres, você adiciona o que for apropriado para o caractere especial que deseja adicionar. lt (para Menor que) cria o símbolo de menor que quando aparece entre o "e" comercial e o ponto-e-vírgula em HTML. De forma similar, gt cria o símbolo maior que e amplificador produz um E comercial quando eles estão posicionados entre um e comercial e ponto e vírgula.
Caracteres especiais que você não pode digitar
Qualquer caractere que pode ser processado no conjunto de caracteres padrão Latin-1 pode ser processado em HTML. Se ele não aparecer no teclado, use o símbolo do e comercial com o código exclusivo que foi atribuído ao caractere seguido pelo ponto-e-vírgula.
Por exemplo, o "código amigável" para o símbolo de direitos autorais é © e ™ é o código para o símbolo de marca registrada.
Este código amigável é fácil de digitar e fácil de lembrar, mas há muitos caracteres que não possuem um código amigável que seja fácil de lembrar.
Cada caractere que pode ser digitado na tela possui um código numérico decimal correspondente. Você pode usar este código numérico para exibir qualquer caractere. Por exemplo, o código numérico decimal para o símbolo de direitos autorais - © - demonstra como os códigos numéricos funcionam. Eles ainda começam com um "e" comercial e terminam com um ponto-e-vírgula, mas em vez de um texto amigável, você usa o sinal numérico seguido por um código numérico exclusivo para esse caractere.
Os códigos amigáveis são fáceis de lembrar, mas os códigos numéricos geralmente são mais confiáveis. Sites que são construídos com bancos de dados e XML pode não ter todos os códigos amigáveis definidos, mas eles suportam os códigos numéricos.
A melhor maneira de encontrar os códigos numéricos dos caracteres é em conjuntos de caracteres que você pode encontrar online. Quando você encontrar o símbolo de que precisa, basta copiar e colar o código numérico em seu HTML.
Alguns conjuntos de caracteres incluem:
- Códigos de moeda
- Códigos matemáticos
- Códigos de pontuação
- Códigos de pronúncia
- Códigos diacríticos
Caracteres em outros idiomas
Os caracteres especiais não se limitam ao idioma inglês. Caracteres especiais em idiomas diferentes do inglês podem ser expressos em HTML, incluindo:
- espanhol
- francês
- grego
- romena
Então, quais são os códigos hexadecimais?
Código hexadecimal é um formato alternativo para exibir caracteres especiais no código HTML. Você pode usar o método que desejar para sua página da web. Você os procura em conjuntos de caracteres online e os usa da mesma maneira que usa códigos amigáveis ou códigos numéricos.
Adicione a declaração Unicode ao cabeçalho do documento
Adicione a seguinte meta tag em qualquer lugar dentro de.
conteúdo = "texto / html; charset = utf-8 "/>Pontas
Independentemente do método usado, lembre-se de algumas práticas recomendadas:
Sempre termine sua entidade com um ponto e vírgula
Alguns editores de HTML permitem que você poste códigos HTML sem o ponto-e-vírgula final, mas suas páginas serão inválidas e muitos navegadores da web não exibirão as entidades corretamente sem ele.
Sempre comece com um e comercial
Muitos editores da web permitem que você omita o "amp;" mas quando você exibe um "e" comercial sozinho em XHTML, isso causa um erro de validação.
Teste suas páginas em quantos navegadores puder
Se o caractere é crucial para a compreensão do seu documento e você não pode testá-lo nas combinações de navegador / sistema operacional que seus clientes usam, você deve encontrar outra maneira de representá-lo. No entanto, antes de recorrer a imagens ou qualquer outra coisa, experimente uma das ferramentas de teste de navegador que podem validar seu código em vários navegadores.