Antes da introdução de HTML5, definir a codificação de caracteres em um documento com um elemento exigia que você escrevesse a linha um tanto prolixa vista abaixo. Estes são os elementos Meta Charset se você estiver usando HTML4 em sua página da web:
O que é importante notar neste código são as aspas que você vê ao redor do contente atributo: content ="text / html; charset = iso-8859-1". Como todos os atributos HTML, essas aspas definem o valor do atributo, indicando que toda a string text / html; charset = iso-8959-1 é o contente deste elemento. Este é um HTML adequado e é como essa string deveria ser escrita. Também é pesado, longo e feio! Também não é algo que você provavelmente se lembraria de cara!
Na maioria dos casos, os desenvolvedores da Web teriam que copiar e colar esse código de um site em qualquer outro que estivessem desenvolvendo, porque escrever isso do zero era muito difícil.
HTML5 elimina as "coisas" extras
O HTML5 não apenas adicionou alguns novos elementos à linguagem, mas também simplificou muito a sintaxe do HTML, incluindo o elemento Meta Charset. Com HTML5, você pode adicionar sua codificação de caracteres com a sintaxe muito mais fácil de lembrar para o
META elemento que você vê abaixo:Compare essa sintaxe simplificada com o que escrevemos no início deste artigo, a sintaxe antiga usada para HTML4, e você verá como é muito mais fácil escrever e lembrar a versão HTML5. Em vez de precisar copiar e colar isso de um site existente em qualquer outro em que você esteja trabalhando, isso é absolutamente algo que, como um desenvolvedor front-end da web, você pode se lembrar. Essa economia de tempo pode não ser muito, mas quando você considera as outras áreas de sintaxe que o HTML5 simplificou, a economia realmente aumenta!
Sempre inclua a codificação de caracteres
Você deve sempre incluir a codificação de caracteres em suas páginas da web, mesmo que nunca pretenda usar qualquer caracteres especiais. Se você não incluir uma codificação de caracteres, seu site ficará vulnerável a um ataque de script entre sites usando UTF-7.
Nesse cenário, um invasor vê que seu site não tem codificação de caracteres definida, então engana o navegador fazendo-o pensar que a codificação de caracteres da página é UTF-7. Em seguida, o invasor injeta scripts codificados em UTF-7 na página da web e seu site é invadido. Isso é problemático para todos os envolvidos, desde a sua empresa até os visitantes. A boa notícia é que é um problema simples de evitar - certifique-se de adicionar a codificação de caracteres a todas as suas páginas da web.
Onde adicionar codificação de caracteres
A codificação de caracteres para uma página da web deve ser a primeira linha do seu HTML
elemento. Isso garante que o navegador saiba qual é a codificação de caracteres antes de fazer qualquer outra coisa na página além de determinar o doctype e identificar que se trata de uma página HTML. Seu HTML deve ser:
...
Usando cabeçalhos HTTP para segurança extra
Você também pode especificar a codificação de caracteres nos cabeçalhos HTTP. Isso é ainda mais seguro do que adicioná-lo à página HTML, mas você precisa ter acesso às configurações do servidor ou .htaccess arquivos, o que significa que você pode precisar trabalhar com o provedor de hospedagem do seu site para obter esse tipo de acesso ou solicitar que ele faça as alterações para vocês. O acesso é o desafio aqui. A mudança em si é simples, portanto, qualquer provedor de hospedagem deve ser capaz de fazer essa mudança para você com relativa facilidade.
Se você estiver usando Apache, você pode definir o conjunto de caracteres padrão para todo o seu site adicionando: AddDefaultCharset UTF-8 para sua raiz .htaccess Arquivo. O conjunto de caracteres padrão do Apache é ISO-8859-1.