😲 article? section? div? nav? Qual tag HTML semântica escolher? 🤔
#html5 #dica #aula
Dúvida de um aluno REAL:
Entendo perfeitamente a estruturação de header, nav, main, footer e as demais tags semânticas, mas sinto a dificuldade na hora de aplicar por conta própria, ou melhor dizendo, não consigo saber o momento correto de utilizar algumas tags, por exemplo quando iniciar uma nova div, section.... Teria alguma dica para me ajudar a enxergar melhor o momento correto da utilização dessas tags ?
Resposta:
Na linguagem de marcação HTML, as tags "article" e "section" são usadas para estruturar o conteúdo de uma página web. A escolha entre as duas depende da finalidade do conteúdo que você deseja marcar.
A tag "article" é usada para marcar conteúdo independente e autocontido que faria sentido para o usuário ler fora do contexto da página em que ele está inserido. Por exemplo, um post de blog, uma notícia ou uma crítica de filme são todos bons exemplos de conteúdo que poderiam ser marcados com a tag "article".
A tag "section", por sua vez, é usada para marcar seções distintas, mas dependentes, dentro de um conteúdo mais amplo. Por exemplo, cada capítulo de um livro on-line, cada seção de uma página de perfil de usuário ou cada seção de uma página de contato são todos bons exemplos de conteúdo que poderiam ser marcados com a tag "section".
Em resumo, a tag "article" é usada para conteúdo independente e autocontido, enquanto a tag "section" é usada para marcar seções distintas dentro de um conteúdo mais amplo.
🌟 Links comentados no vídeo e outros interessantes 🌟
📺 Playlist HTML e CSS
• HTML e CSS
📺 Playlist Análise de Portfolio / Projeto de iniciante
• Análise de Portfolio / Projeto de iniciante
✅ 10 sites ÚTEIS para DEVS FRONT-END e DESIGNERS da web
• 10 sites ÚTEIS para DEVS FRONT-END e DESIG...
✅ Analisando Portfolio de Iniciante em FRONT END - parte 06
• Analisando Portfolio de Iniciante em FRONT...
✅ 4 Sites para praticar HTML e CSS
• 4 Sites para praticar HTML e CSS
✅ [ATUALIZADO] Como incluir ÍCONES nas nossas páginas web com o FONT-AWESOME?
• [ATUALIZADO] Como incluir ÍCONES nas nossa...
✅ O que estudar para conseguir o primeiro emprego como dev front-end
• O que estudar para conseguir o primeiro em...
✅ Minha experiência como programador front-end
• Minha experiência como programador front-end
✅ QUAIS SÃO OS LIVROS DE DESENVOLVIMENTO WEB DA MINHA ESTANTE? QUAIS EU INDICO?
• QUAIS SÃO OS LIVROS DE DESENVOLVIMENTO WEB...
00:00 Introdução
02:14 tag article
06:42 tag section
07:36 quando usar tag div
09:11 article vs section
14:33 identificar tags no projeto do figma
