2
respostas

Dúvida em relação ao tópico

Contudo, muito cuidado! Vamos supor que acidentalmente seu editor de texto não salvou o arquivo como UTF-8, mas em latin1. Se colocarmos a tag estaremos dando uma dica errada para o navegador. Como isso é possível? não definimos isso com o meta?

2 respostas

Oi Vinícius, tudo bem? Bom, é preciso ter uma paridade das informações. O meta vai dizer a codificação que o navegador deve considerar na leitura, mas a codificação real do arquivo pode estar em outra. É isso que o texto quer dizer.

Seu editor salvou o "arquivo físico" como latin1, e no meta você disse que era UTF-8, o navegador vai tentar ler como UTF-8, mas vai encontrar problemas, por que fisicamente o arquivo tá gravado como latin1. Entende?

O navegador até vai conseguir ler corretamente algumas partes comuns nas duas codificação, mas em outras ele não vai entender bem.

É como se nós falantes do Português tentássemos ler um texto em Espanhol, sem ter noção nenhuma e ainda com a "certeza" de que aquele é um texto em português. Procuramos as palavras em nosso dicionário e não achamos, ai ficam aqueles ícones diferentes e estranhos.

Entende?

Existe a codificação na hora que você salva o arquivo no editor de texto, essa tag meta ela dá uma dica ao navegador de qual é a codificação que está no arquivo, se o editor salva com uma e damos a dica de outra, damos uma dica "errada" e isso gera aqueles caracteres estranhos tipo esse:

Acentua��o

É importante lembrar também que o Chrome nas versões atuaias detecta automaticamente o enconding da página, no entanto devemos manter a tag porque nem todos os navegadores detectaram o enconding do nosso arquivo, isso portanto é uma boa prática de programação.

Para setar no Sublime que o enconding da página seja padrão utf-8.

Eu aprendi como seta o enconding no Sublime:

Para mudar o encoding do sublime, vá em Preferences>Settings, pesquise por default_encoding, após isso coloque o parâmetro na área de configuração do usuário e indique o encoding desejado.

Outro item que pode ser útil no seu caso é tornar visível o encoding no sublime, para isso, também em Preferences>Settings, procure por show_encoding, coloque o parâmetro na área de configuração do usuário e mude o valor para true.

Abrindo configurações

inserir a descrição da imagem aqui

inserir a descrição da imagem aqui

inserir a descrição da imagem aqui

inserir a descrição da imagem aqui

Dessa forma podemos garantir que o padrão do editor seja UTF-8 ou setar o enconding que queremos. Espero ter ajudado e bons estudos.