Como exibir corretamente caracteres acentuados nas mensagens JavaScript e código HTML?

Caracteres acentuados e seus substitutos em HTML e JavaScript

Muita gente encontra problemas na hora de escrever palavras com acentos nas strings em Javascript, a solução para exibir caracteres acentuados em uma mensagem de alerta JavaScript ou uma caixa de diálogo de confirmação é usar o código hexadecimal do caractere, a mesma regra se aplica ao código HTML nos casos em que aparecerem caracteres estranhos como este (�) nas páginas, devemos substituir os caracteres acentuados pelas entidades HTML correspondentes.

Veja os exemplos:

alert('acentua\xE7\xE3o gr\xE1fica!') //Clique aqui!

HTML entity

A tabela a seguir relaciona as principais entidades MTML, código hexadecimal e codificações de URL para caracteres acentuados do alfabeto latinas:

chr  HexCode   Numeric   HTML entity  escape(chr)  encodeURI(chr) 
À \xC0 À À %C0 %C3%80
Á \xC1 Á Á %C1 %C3%81
 \xC2   %C2 %C3%82
à \xC3 à à %C3 %C3%83
Ä \xC4 Ä Ä %C4 %C3%84
Å \xC5 Å Å %C5 %C3%85
Æ \xC6 Æ Æ %C6 %C3%86
Ç \xC7 Ç Ç %C7 %C3%87
È \xC8 È È %C8 %C3%88
É \xC9 É É %C9 %C3%89
Ê \xCA Ê Ê %CA %C3%8A
Ë \xCB Ë Ë %CB %C3%8B
Ì \xCC Ì Ì %CC %C3%8C
Í \xCD Í Í %CD %C3%8D
Î \xCE Î Î %CE %C3%8E
Ï \xCF Ï Ï %CF %C3%8F
Ð \xD0 Ð Ð %D0 %C3%90
Ñ \xD1 Ñ Ñ %D1 %C3%91
Ò \xD2 Ò Ò %D2 %C3%92
Ó \xD3 Ó Ó %D3 %C3%93
Ô \xD4 Ô Ô %D4 %C3%94
Õ \xD5 Õ Õ %D5 %C3%95
Ö \xD6 Ö Ö %D6 %C3%96
Ø \xD8 Ø Ø %D8 %C3%98
Ù \xD9 Ù Ù %D9 %C3%99
Ú \xDA Ú Ú %DA %C3%9A
Û \xDB Û Û %DB %C3%9B
Ü \xDC Ü Ü %DC %C3%9C
Ý \xDD Ý Ý %DD %C3%9D
Þ \xDE Þ Þ %DE %C3%9E
ß \xDF ß ß %DF %C3%9F
à \xE0 à à %E0 %C3%A0
á \xE1 á á %E1 %C3%A1
â \xE2 â â %E2 %C3%A2
ã \xE3 ã ã %E3 %C3%A3
ä \xE4 ä ä %E4 %C3%A4
å \xE5 å å %E5 %C3%A5
æ \xE6 æ æ %E6 %C3%A6
ç \xE7 ç ç %E7 %C3%A7
è \xE8 è è %E8 %C3%A8
é \xE9 é é %E9 %C3%A9
ê \xEA ê ê %EA %C3%AA
ë \xEB ë ë %EB %C3%AB
ì \xEC ì ì %EC %C3%AC
í \xED í í %ED %C3%AD
î \xEE î î %EE %C3%AE
ï \xEF ï ï %EF %C3%AF
ð \xF0 ð ð %F0 %C3%B0
ñ \xF1 ñ ñ %F1 %C3%B1
ò \xF2 ò ò %F2 %C3%B2
ó \xF3 ó ó %F3 %C3%B3
ô \xF4 ô ô %F4 %C3%B4
õ \xF5 õ õ %F5 %C3%B5
ö \xF6 ö ö %F6 %C3%B6
ø \xF8 ø ø %F8 %C3%B8
ù \xF9 ù ù %F9 %C3%B9
ú \xFA ú ú %FA %C3%BA
û \xFB û û %FB %C3%BB
ü \xFC ü ü %FC %C3%BC
ý \xFD ý ý %FD %C3%BD
þ \xFE þ þ %FE %C3%BE
ÿ \xFF ÿ ÿ %FF %C3%BF
Π\u0152 ΠΠ%u0152 %C5%92
œ \u0153 œ œ %u0153 %C5%93
Š \u0160 Š Š %u0160 %C5%A0
š \u0161 š š %u0161 %C5%A1
Ÿ \u0178 Ÿ Ÿ %u0178 %C5%B8
ƒ \u0192 ƒ ƒ %u0192 %C6%92
Compartilhe Também:

Deixe seu comentário