Isso porque: no momento que a p\u00e1gina come\u00e7a a renderizar, ela j\u00e1 assume uma codifica\u00e7\u00e3o (ou tenta detect\u00e1-la acaso n\u00e3o seja declarada, geralmente usa o padr\u00e3o do servidor) o que pode gerar um desconforto j\u00e1 que haver\u00e1 uma mistura de codifica\u00e7\u00f5es nos seus arquivos e de terceiros.<\/p>\n
Os problemas comuns da codifica\u00e7\u00e3o<\/h2>\n
\u00c9 muito comum quando estamos trabalhando com acentos nos depararmos com caracteres estranhos como por exemplo:<\/p>\n
- \n
- Algo semelhante a\u00a0
\u00c3\u00a9<\/code>\u00a0que representa o\u00a0\u00e9<\/code>, isto ocorre porque o caractere \u00e9 unicode, mas a p\u00e1gina est\u00e1 em iso-8859-1 (ou outro compat\u00edvel).<\/li>\n- E o sinal\u00a0
\ufffd<\/code>\u00a0um exemplo de situa\u00e7\u00e3o \u00e9 quando voc\u00ea usa um acentos compat\u00edveis com iso-8859-1 em uma p\u00e1gina que esta tentando processar UTF-8 devido ao\u00a0Content-Type: ...; charset=utf8<\/code>.<\/li>\n<\/ul>\nPara se usar UTF-8, voc\u00ea deve utilizar:<\/h2>\n
- \n
- PHP scripts (me refiro aos arquivos no servidor e n\u00e3o a resposta do mesmo) salvos em “utf-8 sem BOM”<\/li>\n
- MySQL (ou outro tipo de banco de dados) com\u00a0
charset=utf-8<\/code><\/li>\n- Preferencialmente defina usando PHP\u00a0
header('Content-type: text\/html; charset=UTF-8');<\/code><\/li>\n<\/ul>\nNota:<\/strong>\u00a0A vantagem do UTF-8 \u00e9 que voc\u00ea pode utilizar v\u00e1rios “idiomas” na sua p\u00e1gina com caracteres que n\u00e3o s\u00e3o suportados pelo “iso-8859-1”.<\/p><\/blockquote>\n
Sobre o iso-8859-1<\/h2>\n
Eu recomendo usar\u00a0
iso-8859-1<\/code>\u00a0se o seu site for\u00a0“100% em Portugu\u00eas”<\/em>\u00a0e voc\u00ea n\u00e3o necessite de “codifica\u00e7\u00f5es extras” (como por exemplo emojis), no entanto mesmo sendo em Portugu\u00eas voc\u00ea deve pensar em talvez migrar pro\u00a0utf-8<\/em>, um dos motivos \u00e9 que em junho de 2004, o grupo de desenvolvimento da ISO\/IEC respons\u00e1vel por sua manuten\u00e7\u00e3o declarou o fim do suporte a esta codifica\u00e7\u00e3o, concentrando-se no UCS e no Unicode.<\/p>\nFonte:\u00a0http:\/\/pt.wikipedia.org\/wiki\/ISO_8859-1<\/a><\/sub><\/p>\n
Se decidir usar UTF-8 no seu site\/projeto, recomendo seguir os seguintes passos:<\/p>\n
Scripts PHP com UTF-8 sem “BOM”<\/h2>\n
Nota:<\/strong>\u00a0leia sobre isto em\u00a0http:\/\/en.wikipedia.org\/wiki\/UTF-8#Byte_order_mark<\/a>\u00a0(Ingl\u00eas)<\/p><\/blockquote>\n
Voc\u00ea deve salvar todos scripts PHP (at\u00e9 os que voc\u00ea usar\u00e1 com\u00a0
include<\/code>,\u00a0require<\/code>, etc) em utf-8 sem “BOM”, voc\u00ea pode utilizar softwares como\u00a0SublimeText<\/a>\u00a0ou\u00a0notepad++<\/a>\u00a0para converter os arquivos:<\/p>\n- \n
- Usando notepad++:
![\"utf8](\"https:\/\/i.stack.imgur.com\/KHSj7.png\")
<\/li>\n - Usando Sublime Text:
![\"utf8](\"https:\/\/i.stack.imgur.com\/z92bm.png\")
<\/li>\n - Usando Eclipse v\u00e1 at\u00e9\u00a0Window<\/kbd>\u00a0>\u00a0Preferences<\/kbd>\u00a0>\u00a0General<\/kbd>\u00a0>\u00a0Workspace<\/kbd>\u00a0>\u00a0Text File Encoding<\/kbd>:
![\"netbeans\"](\"https:\/\/i.stack.imgur.com\/O1Pmg.png\")
<\/li>\n<\/ul>\nNota:<\/strong>\u00a0que arquivos com extens\u00e3o\u00a0
.js<\/code>\u00a0ou\u00a0.css<\/code>\u00a0que usam acentos no conte\u00fado tamb\u00e9m ser salvos com a mesma codifica\u00e7\u00e3o que as p\u00e1ginas, da mesma maneira que foi usado para salvar os documentos descritos acima, eventualmente arquivos\u00a0.svg<\/code>\u00a0podem ser embarcados ent\u00e3o se eles tiverem qualquer acentua\u00e7\u00e3o ou caractere diferente tamb\u00e9m devem ser salvos com a mesma codifica\u00e7\u00e3o da p\u00e1gina<\/p><\/blockquote>\nMySQL com UTF-8<\/h2>\n
Para criar uma tabela em UTFf-8 no MySQL voc\u00ea deve utilizar algo como:<\/p>\n
CREATE TABLE minhatabela <\/span>(<\/span>\r\n id BIGINT NOT NULL AUTO_INCREMENT PRIMARY KEY<\/span>,<\/span>\r\n titulo varchar<\/span>(<\/span>300<\/span>)<\/span> DEFAULT NULL\r\n<\/span>)<\/span> ENGINE<\/span>=<\/span>InnoDB<\/span> CHARACTER SET<\/span>=<\/span>utf8 COLLATE utf8_unicode_ci<\/span>;<\/span><\/code><\/pre>\nSe as tabelas existem, ent\u00e3o primeiro fa\u00e7a um BACKUP delas e depois, utilize um dos seguintes comandos (conforme a necessidade):<\/p>\n
- \n
- Converte banco de dados:\u00a0
ALTER DATABASE bancodedados CHARACTER SET utf8 COLLATE utf8_unicode_ci;<\/code><\/li>\n- Converte uma tabela especifica:\u00a0
ALTER TABLE minhatabela CONVERT TO CHARACTER SET utf8 COLLATE utf8_unicode_ci;<\/code><\/li>\n<\/ul>\nAl\u00e9m de criar as tabelas em UTF-8 \u00e9 necess\u00e1rio definir a conex\u00e3o como UTF-8.<\/p>\n
Com PDO \u00e9 necess\u00e1rio usar\u00a0
exec<\/code><\/a>:<\/p>\n$conn <\/span>=<\/span> new<\/span> PDO<\/span>(<\/span>'mysql:host=HOST;dbname=BANCO;charset=utf-8'<\/span>,<\/span> 'USUARIO'<\/span>,<\/span> 'SENHA'<\/span>);<\/span>\r\n$conn<\/span>-><\/span>exec<\/span>(<\/span>'SET CHARACTER SET utf8'<\/span>);<\/span>\/\/Define o charset como UTF-8<\/span><\/code><\/pre>\n - Converte uma tabela especifica:\u00a0
- Converte banco de dados:\u00a0
- Preferencialmente defina usando PHP\u00a0
- E o sinal\u00a0