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('acentuaxE7xE3o grxE1fica!') //Clique aqui!
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 |
Gostou dessa matéria?
Inscreva seu email para receber atualizações com as últimas publicações do nosso blog.[jetpack_subscription_form show_subscribers_total="false" button_on_newline="false" custom_font_size="16px" custom_border_radius="0" custom_border_weight="1" custom_padding="15" custom_spacing="10" submit_button_classes="" email_field_classes="" show_only_email_and_button="true" success_message="Sucesso! Enviamos um e-mail para confirmar a sua assinatura. Encontre o e-mail agora e clique em 'Confirmar' para iniciar a inscrição."]