3
respostas

[Bug] [Bug] Como ajustar a acentuação da página no HTML

Prezados boa tarde tudo bem? Espero que sim

Bom estou fazendo essa formação:

A partir do zero: HTML e CSS para projetos web - Curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags - Layout e tags semânticas - 05 Desenvolvendo o HTML.

Montei a estrutura HTML no VSCode. Porém quando abro a página no navegador a mesma não vem com a ortografia correta.

o que fazer nesse caso?

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <header></header>
    <main>
        <h1>Eleve seu negócio digital a outro nível
            <strong>com um Front-end de qualidade! </strong>
        </h1>
        <p>Olá! Sou Sara Santos, desenvolvedora Front-end com especialidade
            em React, HTML e CSS. Ajudo pequenos negócios e designers a 
            colocarem em prática boas ideias. Vamos conversar?
        </p>
        <a href="https://github.com/Ssds2006">Github</a>
        <a href="linkedin.com/in/sara-santos-a97565176">Linkdin</a>
    </main>
    <footer></footer>

</body>
</html>

Código no VSCode

Como aparece no navegador web! Pagina inspecionar

3 respostas

Olá Sara, eu testei o seu código ele esta funcionando sem nenhum problema, o que pode esta causando esse erro e o seu editor de código ou seu navegador, experimenta abrir a sua pagina com outro navegador além do Chrome.

Todo editor de código possui uma ferramenta que salva o seu arquivo html com um charset predefinido e isso pode causar alguns bugs, caso essa ferramenta no esteja configurada da forma correta.

vou deixa alguns links que podem lé ajudar a resolver esse problema.

Configurações de codificação para texto truncado

A Forma Certa de Como Configurar Encoding de Arquivos no VS Code

Exibição de acentos e caracteres (Charset Encoding)

Olá Carlos Boa tarde,

Abri em outro navegador ... mas ainda tive o mesmo erro ...

irei verificar nos links que você enviou.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Olá Sara, qual o editor de texto que você esta utilizando?