Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

duvida sobre o charset

Olá, estou com uma dúvida com relação ao charset, o meu navegador, ao colocar o UTF-8, exibiu o seguinte: "Localizada no cora��o da cidade a Barbearia Alura traz para o mercado o que h� de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura j� �"

Segue o código:

<html lang="pt-br">
    <meta charset="utf-8">
3 respostas

Olá Evandro, como vai?

Geralmente os editores de código já vem por padrão com definição UTF-8, mas as vezes pode acontecer de o padrão de codificação do seu editor ser diferente e acabar entrando em conflito com com o padrão definido, gerando esse erro que você reportou.

Para solucionar este problema você vai precisar alterar o padrão de codificação do seu editor de código, aqui exemplificado no Sublime Text 3, que é o editor utilizado no curso.

Passo 1 - Verifique se a definição de padrão de codificação já aparece na barra de ferramentas inferior no editor, conforme imagem abaixo, caso apareça vá direto para o passo 3.

indicação de onde aparece a informação de padrão de codificação na barra de ferramentas inferior do editor de código

Passo 2 - Se não aparecer a opção do passo anterior você deve configurar o editor para exibí-la. Para isso vá em Preferences e Settings. Na parte de User você irá escrever "show_encoding": true e salvar com ctrl+s. Ao fazer isso você já consegue ver o padrão de codificação do editor na barra de ferramentas.

identificação de onde escrever a orientação acima, na metade direita da tela

Passo 3 - Para alterar o padrão de codificação do seu editor basta ir na barra de ferramentas inferior e clicar com o botão direito na codificação, selecionar Reopen with Encoding e escolher a opção UTF-8.

identificação de seleção do UTF-8 na barra de ferramentas inferior

Após fazer essa alteração seu código será atualizado no padrão UTF-8 e conseguirá utilizar a tag meta normalmente. Vale ressaltar que depois dessa alteração talvez seja necessário corrigir algumas questões de codificação no seu arquivo pois ele mostra alguns erros (assim como você estava vendo no navegador).

Para evitar de acontecer novamente você pode seguir a mesma orientação do passo 3 porém selecionando Set Encoding e definir o padrão UTF-8 para todos os arquivos.

Espero ter ajudado, se tiver alguma dúvida fique a vontade para perguntar aqui. Bons estudos =)

Eu estou utilizando o Visual Studio, como faço isso nele ?

solução!

Beleza Evandro.

Pra fazer essa alteração no Visual Studio Code basta você ir em Arquivo, Preferências e Configurações.

Nesta parte você vai em Editor de Texto, Arquivos e na opção Encoding selecione UTF-8.

identificação de onde ficam os itens editor de texto, arquivos, encoding e UTF-8

É bacana que, depois que você alterar essa configuração, reabra seu arquivo com o novo padrão de codificação. Para isso vá na barra de status inferior onde aparece a codificação, clique nela, selecione Reabrir com Codificação e selecione a opção UTF-8.

Caso seu padrão de codificação não esteja aparecendo na barra de status é só clicar com o botão direito na barra e marcar a opção Codificação do Editor.

indicação de onde fica o padrão de codificação na barra de status inferior

Espero ter ajudado =)