Diferença entre as tags div e nav

Olá, Gilberto.

A tag <div>, <span>, <b> e <i> não tem valor semântico. Nas versões anteriores do HTML 5, nós não tínhamos as tags de estrutura como:

Pense que você está desenvolvendo um e-commerce de roupas, a representação de uma e-commerce no mundo real são as lojas.

Quando vamos tomar a decisão de entrar em uma loja damos uma olhada na faxada, é bem comum encontrarmos a marcar acompanhada do logo. Em nosso e-commerce não é diferente, a nossa faxada é a tag <header>. Nos primeiros passos dentro da loja nós nos deparamos com duas seções, cada uma com 10 itens, essa seções são: Mais Vendidos e Novidades. Voltando para nosso e-commerce, nós também vamos precisar separar os 20 itens e coloca-los cada item na suas respectivas seções, para separa-los vamos utilizar a tag <section>. Entrando um pouco mais dentro da loja temos outras seções sendo indicadas por placas com setas, as placas são: Moda Masculina, Moda Feminina e Moda Infantil. Para representar cada placa, vamos colocar o conteúdo de cada uma delas dentro de uma tag <a> e a lista dessas tags vão estar dentro da tag <nav>, que é a representação de navegação dentro do nosso e-commerce.

Resumo: <header> - que é a representação do cabeçalho do site;

<section> - representação de seções dentro do site;

<nav> - guarda a navegação do site é bem comum estar dentro da tag <header>, mas isso não é uma regra;

<a> - representação de links e âncoras.

Se ficar qualquer dúvida é só falar :-)

agora ficou mais claro muito obrigado :)

Que bom Gilberto.

Tendo qualquer dúvida só posta aqui no forum que a gente tenta te ajudar.