Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Dúvida no Ex. 1 da Aula 10 - Posicionamento mais a fundo

Referente ao curso HTML5 e CSS3 I: Suas primeiras páginas da Web, no capítulo Posicionamento mais a fundo e atividade Float nas citações

por Allan Deny Bozzi Maciel
| 41.8k xp | 23 posts

No curso e nas video aulas a sequencia HTML:

<h1> Sobre MIN
<h2> Como trabalho
<div class="container">
<h2> Experiencia
<h2> Comunidade
<img> Foto João
<nav> Links: Home, Portfolio, Sobre min, Blog, Contato
<ul class”icones-redes-sociais”> 
<footer>

Quais problemas eu teria se montasse o HTML desta forma?:

<h1> Sobre MIN
<div class="container">
<img> Foto João
<nav> Links: Home, Portfolio, Sobre min, Blog, Contato
<ul class”icones-redes-sociais”> 
<h2> Como trabalho
<h2> Experiencia
<h2> Comunidade
<footer>

Eu também teria problemas de semântica?

3 respostas
por Gabriel
| 33.1k xp | 1 posts

Você não fechou nenhuma tag, está bem confuso o codigo.

por Allan Deny Bozzi Maciel
| 41.8k xp | 23 posts

Está apenas na sequencia. Não é o código todo. Claro eu teria que criar outro CSS. Minhas duvidas são apenas com a sequencia das tags.

solução!
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Allan referente a semântica acredito que não faz muita diferencia a sequência das tags html, o mais importante na minha opinião é saber quais tags existem e seus respectivos usos, por exemplo:

  • nav : para menus de navegação
  • article: para articos, posts em blog, etc..
  • header: para o cabeçário da página.
  • footer: para o rodapé.
  • entre várias outras tags.

Antigamente costumava-se usar para o header e footer por exemplo uma div com a class header e footer respectivamente, isso não havia muito significado pois o elemento div é muito genérico e não tem semântica, hoje trocamos essas divs por header e footer.

Existe uma certa sequência que a maioria dos sites e desenvolvedores front-end seguem que seria: header, conteudo, footer. Alguns até adicionam um aside, como: header, conteudo, aside, footer.

Segue abaixo um post da própria caelum explicando um poucos mais sobre HTML semântico.

http://tableless.com.br/html-5-semantica-e-o-que-e-importante-na-web/

Da uma conferida ai, veja se esclarece a sua dúvida.