É normal se deparar com caracteres estranhos, como é, ão ou ê, ao escrever um texto em um ambiente online. Uma forma de resolver esse problema é utilizar as listas de caracteres especiais ou, ainda melhor, declarar a meta tag charset no seu código.
Se você utiliza um gerenciador de conteúdos para atualizar seu site/blog, isso provavelmente não será problema. Porém, para quem está desenvolvendo ou precisa fazer atualizações direto no código da página é preciso utilizar códigos especiais para cada tipo de símbolo ou resolver esse problema declarando a meta tag charset.
Essas soluções foram desenvolvidas para lidar com as limitações do HTML, que foi inicialmente desenvolvido para atender a língua Inglesa. Esse idioma não utiliza acentos, como o agudo, o circunflexo, a crase ou outros que o Português utiliza. O mesmo acontece se levarmos em conta outras línguas como o Chinês, Russo, Mandarim, etc.
Como alternativa, o HTML foi se adaptando e permitindo que sequências de escape representassem acentos e outros caracteres especiais. Essas sequências especiais possuem três partes: um & inicial, um número ou ordem de caracteres que correspondem ao caracter desejado, e um ; final. Outra forma de utilizar os acentos e símbolos sem se preocupar é através da meta tag charset.
Charset: o que é e como utilizar
Através da meta tag charset, você informa ao browser qual o tipo de codificação de caracteres deve ser utilizado para mostrar seu conteúdo. O utf-8 é um padrão de codificação Unicode bastante utilizado. Este padrão representa qualquer carácter universal no padrão do Unicode, sendo inclusive compatível com o ASCII.
Por exemplo, para definir o utf-8, usamos a seguinte sintaxe: <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
Algumas tabelas para o uso de caracteres especiais
Os três caracteres ‘<’, ‘>’, e ‘&’ têm significados especiais em HTML, eles são utilizados no código dos documentos. Para utilizá-los no texto, utilize as seguintes entidades:
Entidade | Carácter |
< | < |
> | > |
& | & |
Lista com acentos e símbolos:
Á ………….. Áá …………… á
 …………….. Â â ……………. â À …………… À à …………… à Å …………….. Å å ……………. å à ……………. Ã ã …………… ã Ä ……………… Ä ä …………….. ä Æ …………….. Æ æ ……………… æ É ……………. É é …………… é Ê …………….. Ê ê ……………. ê È ……………. È è …………… è Ë ……………… Ë ë …………….. ë Ð ………………. Ð ð ……………… ð |
Í ……………. Íí …………… í
Î …………….. Î î ……………. î Ì ……………. Ì ì …………… ì Ï ……………… Ï ï …………….. ï Ó ……….. Ó ó ………….. ó Ô ……………. Ô ô …………….. ô Ò ………….. Ò ò …………… ò Ø ……………. Ø ø …………… ø Õ ……………. Õ õ …………… õ Ö ……………… Ö ö …………….. ö |
Ú ………….. Úú …………… ú
Û ……………. Û û ……………. û Ù …………. Ù ù ………….. ù Ü …………….. Ü ü …………….. ü Ç …………… Ç ç …………… ç Ñ …………… Ñ ñ …………… ñ < …………….. < > …………….. > & ……………. & ” …………….. " Ý ………… Ý ý ………… ý Þ ………….. Þ þ ……………. þ ß ……………. ß |
Lista com símbolos comerciais:
© | copyright | © |
® | marca registrada | ® |
™ | trade mark | ™ |
£ | libra esterlina | £ |
¢ | centavo | ¢ |
€ | euro | € |
¥ | iene (yen) | ¥ |
¤ | símbolo monetário | ¤ |
O que você achou deste conteúdo?