5
respostas

tag meta charset e caracteres especiais

No projeto da barbearia, assim como o desenvolvido nos vídeos, utilizei a tag meta charset, porém quando usei a tag , o Chrome não reconheceu a acentuação. Alguém consegue me ajudar a resolver esse problema, por favor?

5 respostas

Você pode compartilhar o seu código aqui para que a gente possa te ajudar?

Claro!, meu problema foi com a tag input, em enviar formulário

</head>
<body>
    <header>
        <div class = "caixa">
            <h1> <img src = "logo.png"> </h1>

            <nav>
                <ul>
                    <li><a href = "index.html">Home</a></li>
                    <li><a href = "produtos.html">Produtos</a></li>
                    <li><a href = "contato.html">Contato</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main>
        <form>
            <label for = "nomesobrenome">Nome e sobrenome</label>
            <input type = "text" id = "nomesobrenome">

            <label for = "email">Email</label>
            <input type = "text" id = "email">

            <label for = "telefone">Telefone</label>
            <input type = "text" id = "telefone">

            <input type = "submit" value = "Enviar formulário">
        </form>
    </main>


    <footer>
        <img src = "logo-branco.png">
        <p class = "copyright">© Copyright Barbearia Alura - 2019
    </footer>
</body>

Não sei porque não consigo colar o cabeçalho junto... mas usei as tags como a imagem mostra.

Imagem do cabeçalho do código, contendo as tags doctype, html, head, meta charset, title e link

Já solucionei!! Era um detalhe no CSS do arquivo que eu não tinha percebido! Muito obrigado.

Acho que o problema está no fato de que "UTF-8" deve ser escrito tudo junto, sem espaços.