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

[Dúvida] HTML apresentando caracteres especiais

Boa tarde pessoal!

Estou começando o curso de HTML e notei que o meu código está apresentando um erro e o texto que escrevo ao invés de aparecerem vogais com acento, eles são substituídos por caracteres especiais.

HTML com erro

<!DOCTYPE html>
<html>                                  <!-- Início do conteúdo da página HTML (Elementos raízes da página) -->
    <head>                                      <!-- Início de metainformações da página HTML -->
        <title>Título da Página</title>
    </head>                                     <!-- Fim de metainformações da página HTML -->
    <body>

        <h1>Cabeçalho 1</h1>                        <!-- Cabeçado da página HTML -->
        <p>Parágrafo</p>                            <!-- Parágrafo da página HTML -->
        <img src="html.png" alt="Logo do HTML 5">   <!-- Imagem -->

    </body>
</html>                                 <!-- Fim do conteúdo da página HTML -->

E fazendo alguns testes, eu alterei o nome to Título e os caracteres foram corrigidos

HTML Corrigido

<!DOCTYPE html>
<html>                                  <!-- Início do conteúdo da página HTML (Elementos raízes da página) -->
    <head>                                      <!-- Início de metainformações da página HTML -->
        <title>Titulo da pagina</title>
    </head>                                     <!-- Fim de metainformações da página HTML -->
    <body>

        <h1>Cabeçalho 1</h1>                        <!-- Cabeçado da página HTML -->
        <p>Parágrafo</p>                            <!-- Parágrafo da página HTML -->
        <img src="html.png" alt="Logo do HTML 5">   <!-- Imagem -->

    </body>
</html>                                 <!-- Fim do conteúdo da página HTML -->

A única mudança foi retirar os acentos do tag de metainformação. Alguém saberia me dizer por que isso ocorre e como posso colocar um tag de metainformação com acentos ou qualquer outro caractere especial?

OBS: Estou usando o Chrome como browser para visualizar o arquivo HTML.

2 respostas
solução!

Olá Rodrigo!

Esse problema ocorre porque os navegadores interpretam os caracteres com acentos de forma diferente. Para evitar esse tipo de erro, é recomendado utilizar a codificação UTF-8 que é um formato de codificação de caracteres que permite representar uma ampla gama de símbolos e caracteres especiais utilizados em diferentes idiomas ao redor do mundo. Ele é amplamente utilizado na web e em sistemas de computação para garantir a correta exibição e interpretação desses caracteres.

Para utilizar a codificação UTF-8, basta adicionar a seguinte linha dentro da tag head:

<meta charset="UTF-8">

Ao adicionar a linha de código <meta charset="UTF-8"> dentro da tag <head> do seu arquivo HTML, você está especificando que o documento deve ser interpretado usando a codificação UTF-8. Isso permite que o navegador compreenda e exiba corretamente os caracteres acentuados e especiais presentes no seu conteúdo.

Espero ter ajudado, qualquer dúvida, me coloco à disposição! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Obrigado Victor!

Funcionou perfeitamente, muito obrigado!