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?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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?
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.
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.