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

Aula 7 - icones das redes sociais

na aula 7 do curso HTML 5 e CCS3 - I, a lista com os ícones das redes sociais (que no código abaixo, identifiquei com a classe "redessociais"), foi inserida após o fechamento da da tag nav. porque? tem a ver com a semântica? Estes ícones são também de navegação.. não? Nao poderiam ficar dentro da nav?

<aside>
                <h1>João da Silva</h1>
                    <nav>
                        <ul>
                            <li><a href="index.html">Home</a></li>
                            <li><a href="portfolio.html">Portfólio</a></li>
                            <li><a href="bio.html">Sobre Mim</a></li>
                            <li><a href="blog.html">Blog</a></li>
                            <li><a href="contato.html">Contato</a></li>
                            <li><a href="#">Home</a></li>
                        </ul>

                        <ul class="redessociais">
                        <li><a href"https://github.com/git-joaodasilva"><img src="github.png" alt="github"></a></li>
                        <li><a href"https://twitter.com/twitter-joaodasilva"><img src="twitter.png" alt="twitter"></a></li>
                        <li><a href"https://br.linkedin.com/pub/linkedin-joao-da-silva/32/4/508"><img src="linkedin.png" alt="linkedin"></a></li>
                        </ul>
                    </nav>    
            </aside>
1 resposta
solução!

Oi Líria tudo bem?

Poderiam sim ficar dentro da tag NAV , só não me recordo de cabeça se isso vai atrapalhar algum CSS nas próximas aulas. Se você quiser deixar dentro da nav tudo bem só lembre-se de ajustar o css quando necessário.

Não sei o que motivou o professor a colocar fora da tag nav. Mas como é um projeto didático não tem tanto problema.

Eu sinto que no começo do html5 a semântica era bem forte e todo mundo estava empolgado em utilizar e com o tempo isso foi meio que caindo em desuso. Não que seja errado e que não valha a pena aprender, só não se atenha muito a isso.

Espero ter ajudado!!!