Já aconteceu de sua página exibir palavras totalmente bagunçadas, como Can��o ou Canção?
Esse é um problema bem comum e felizmente, simples de resolver.
Por que isso acontece
O navegador precisa saber qual padrão de codificação usar para interpretar corretamente os caracteres da sua página.
Por padrão, ele entende o formato ANSI (American National Standards), voltado para o idioma inglês.
Mas como usamos acentos e caracteres especiais em português, precisamos indicar ao navegador que ele deve usar o padrão UTF-8, que é universal e suporta diferentes idiomas.
Como resolver
No HTML, temos duas partes principais: <HEAD> e <BODY>.
Tudo o que é visível ao usuário fica dentro do <BODY>. Já as configurações da página — como título, scripts e metadados, ficam dentro do <HEAD>.
Como a codificação é uma configuração, vamos adicioná-la dentro da seção <HEAD> do nosso site:
<meta charset="utf-8"/>Esse simples comando faz o navegador entender corretamente acentos, cedilhas e outros caracteres especiais.
Depois disso, adeus textos com símbolos estranhos!
Se quiser entender melhor como funciona o encode, gravei um vídeo explicando tudo passo a passo.
Assiste lá e vê como é fácil deixar seu site pronto para o mundo 🌎