Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Duvida sobre o footer

Neste projeto em questão, onde não tem um menu principal etc... seria errado usar a tag nav para organizar os links no footer? Fiquei com duvida na hora de criar se usava o nav ou uma lista. Até porque os links desse footer são todos pra alguma página dentro do site e não para um link externo...

HTML

    <footer>
        <nav class="navbar">
            <img src="/assets/Logo.png" alt="Logo Alura">
            <div class="navbar__links">
                <a href="#">Idioma</a>
                <a href="#">Dispositivos compatíveis</a>
                <a href="#">Contrato de assinatura</a>
                <a href="#">Politica de privacidade</a>
                <a href="#">Proteção de dados no Brasil</a>
                <a href="#">Anuncios personalizados</a>
                <a href="#">Ajuda</a>
            </div>
            <p class="navbar__aviso">® 2021 Alura, Alura+ e Alura Língua. Todos os direitos reservados. Serviço de assinatura paga. Conteúdo sujeito a disponibilidade.</p>
            <p class="navbar__aviso"> Alura+ é um serviço pago, baseado em assinatura e sujeito a termos e condições. O serviço Alura+ é comercializado por Aovs Sistemas de Informática S.A., Rua Vergueiro, 3185 - Liberdade, São Paulo - SP, 04101-300, Brasil e CNPJ 05.555.382/0001-33</p>
        </nav>
    </footer>

CSS

:root {
    --cor-background: #00030C;
    --cor-primaria: #ffffff;
    --cor-secundaria: #167BF7;
    --cor-terciaria: #c0c0c0;
    --cor-texto: #F9F9F9;

    --fonte-texto: "Inter", sans-serif;

    --tamanho-titulo: 3rem;  /* 48px */
    --tamanho-normal: 1.75rem; /* 28px */
    --tamanho-pequeno: 1rem; /* 16px */
    --tamanho-aviso: 0.75rem /*12px */

}

.navbar {
    padding: 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 1.5em;
    margin: 0 6%;
}

.navbar__links {
    display: flex;
    font-size: var(--tamanho-pequeno);
    gap: 1rem;
}

.navbar__links a {
    color: var(--cor-primaria);
    text-decoration: none;
}

.navbar__aviso {
    font-size: var(--tamanho-aviso);
    color: var(--cor-terciaria);
}

Imagem do projeto final

1 resposta
solução!

Olá, André! Tudo bem?

Não é errado usar a tag <nav> no footer, especialmente se os links são para navegação dentro do site. A tag <nav> é semântica e indica que o conteúdo dentro dela é um conjunto de links de navegação. Isso pode ajudar na acessibilidade e SEO, pois deixa claro que esses links são parte da navegação do site.

No entanto, pode usar uma lista <ul> para organizar os links. Isso também é uma prática comum e ajuda a manter o código semântico e organizado.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado