Curso Html5 e Css3 - 10 - Semântica, Tags Header, Footer, Nav, Section, Main, Div

[@DevNety]

Conteúdo simples e humilde e direto! Eu gosto

[@gabrielkleber2021]

Cara, sua aula é muito boa de verdade, me ajudou a organizar um projeto que eu tava batendo a cabeça aqui pra resolver, por favor não para não, mais um inscrito, vlwwww

[@DicadoNerd]

Muito obrigado pelo seu feedback. Isso me ajuda muito a entender a melhor forma de trazer novos conteúdos. Já viu essa novidade aqui no canal? kzbin.info/www/bejne/a36qfWN6lKejgLs

[@xolizi]

Finalmente alguém falou a diferença entre essas tags semânticas de forma clara e de fácil entendimento. Me ajudou demais.

[@alinepereira5537]

conteúdo com uma didática incrível, gratidão por essa explicação tão boa

[@DicadoNerd]

Obrigado pelo seu feedback Aline.

[@stefanoixidasilva2996]

Essa comunidade é muito prestativa, obrigado.

[@NathanSouza-ob7rf]

Muito bom amigo, me esclareceu muito sobre a diferença de div e section, obrigado!

[@IsmaelDev]

Faltou a tag tenho um pouco de dúvidas sobre ela

[@DicadoNerd]

Obrigado por assistir. A tag aside, vc usando quando quer envolver algum conteúdo que não está relacionado ao conteúdo principal da página, ou por exemplo criar uma seção com links para suas redes sociais, que irão levar o usuário para fora do sei site.

[@dyego17]

​@@DicadoNerdTudo que leva pra fora do nosso site tem que ser adicionado no Aside?

[@renansvale]

Caraaaaaa, clareou demais aqui, ja vi 1 milhao de videos e nenhum explicou dessa forma inscrito e sino ativado PARABÉNSSSS!!!!

[@DicadoNerd]

Muito obrigado pelo seu feedback. Isso me ajuda muito a entender a melhor forma de trazer novos conteúdos. Já viu essa novidade aqui no canal? kzbin.info/www/bejne/a36qfWN6lKejgLs

[@cesaestudos2063]

Vi o módulo 1 da playlist do Guanabara e já corri aqui pra maratonar a sua também, vocês dois estão sendo de muita ajuda! Muito obrigado.

[@marciovictor2531]

cara seu conteúdo é realmente muitop bom, vim ver essa aula mas vou fazer o curso inteiro hahaha mandei pros meus amigos, boa sote na criação de conteúdo

[@cachinhosdagirl]

Continua, aulas bem explicativas, e vamos compartilhando sem desanimar.

[@victorvinicius8907]

Excelente aula!!! Muito obrigado por compartilhar seus conhecimentos!!!

[@portalmundoweb]

Parabéns chará 👏🏻. Muito bem explicado 👍🏻

[@vitorribeiro2002]

Professor, muito boa a sua didática. A aula foi extremamente fluida e fácil de entender. Obrigado.

[@sarahalves8035]

Muito obrigada pelas informações, eu não conseguia compreender até ver a sua vídeo aula🙏

[@DicadoNerd]

Muito obrigado pelo seu feedback. Fico feliz por ajudar. Parabéns pela dedicação. Aproveita que estamos criando um projeto do zero e praticando bastante. Já tem algumas aulas no canal.

[@JoaoGabrieluch]

Muito completo! Parabéns!

[@motivacao-fire]

Você explica muito bem,meus parabéns.

[@DicadoNerd]

Muito obrigada 😃

[@guilhermebrasil347]

Melhor aula de todas

[@rosileneferreiraxavierbarb600]

Muito bom o vídeo, bem explicado. Mas, faltou falar da tag article.

[@DicadoNerd]

Realmente faltou. Nas próximas aulas sobre semântica devo colocar. Bons estudos. Abraço.

[@NetoEu]

Muito bom eu tava precisando desse vídeo

[@DicadoNerd]

Obrigado pelo feedback. Sucesso nos estudos.

[@drak7005]

muito boa obrigado demais

[@williannunes7193]

cara muito obg, vc clareou muito minha mente

[@warleichagasmoreira5772]

Você ensina muito bem!

[@DicadoNerd]

Muito obrigado pelo seu feedback. Isso me ajuda muito a entender a melhor forma de trazer novos conteúdos. Já viu essa novidade aqui no canal? kzbin.info/www/bejne/a36qfWN6lKejgLs

[@warleichagasmoreira5772]

@@DicadoNerd Valeu nobre guerreiro!

[@gcamara]

muito didática sua aula com o uso do vscode como apoio fica muito bom também, parabéns.

[@DicadoNerd]

Muito obrigado pelo seu feedback. Isso me ajuda muito a entender a melhor forma de trazer novos conteúdos. Já viu essa novidade aqui no canal? kzbin.info/www/bejne/a36qfWN6lKejgLs

[@0BigVideos0]

Muito bom o vídeo, tinha dúvidas quanto a ordem de tags, obrigado.

[@DicadoNerd]

Que bom que ajudou

[@BRUNANIZOLLIGUEXROCHALOURENCO]

show!

[@gabrielcarvalho2948]

Aula otima!!!!!

[@ramonjales9941]

Parabéns pelo canal!

[@DicadoNerd]

Obrigado por acompanhar o canal. Muita coisa legal vem por ai.

[@ramonjales9941]

@@DicadoNerd já tem mais um inscrito

[@julianafelix9521]

Obrigada pelo vídeo, você tem uma ótima didática ! =]

[@DicadoNerd]

Obrigado pelo feedback Juliana. ❤️

[@givafernandes2219]

Ótimo vídeo, muito bem explicativo!!

[@DicadoNerd]

Muito obrigado pelo seu feedback. Isso me ajuda muito a entender a melhor forma de trazer novos conteúdos. Já viu essa novidade aqui no canal? kzbin.info/www/bejne/a36qfWN6lKejgLs

[@danielmoura4821]

Muito top mano, pode continuar que vai longe.

[@DicadoNerd]

Muito obrigado pelo seu feedback. Isso me ajuda muito a entender a melhor forma de trazer novos conteúdos. Já viu essa novidade aqui no canal? kzbin.info/www/bejne/a36qfWN6lKejgLs

[@xvr8823]

Caraca, mt obrigado por esse curso cara, aprendi mt coisa nele

[@DicadoNerd]

Muito obrigado pelo seu feedback. Isso me ajuda muito a entender a melhor forma de trazer novos conteúdos. Já viu essa novidade aqui no canal? kzbin.info/www/bejne/a36qfWN6lKejgLs

[@bl1tz_x]

Muito bom, obrigado pelo excelente conteúdo!

[@DicadoNerd]

Obrigado por acompanhar o canal. Que bom que está gostando.

[@erikaparvati2419]

obrigada!!!!!!!!!!!

[@DicadoNerd]

Muito obrigado pelo seu feedback. Isso me ajuda muito a entender a melhor forma de trazer novos conteúdos. Já viu essa novidade aqui no canal? kzbin.info/www/bejne/a36qfWN6lKejgLs

[@tokyojp1]

tava precisando desse vídeo

[@nunes889]

Valeu pelo curso.

[@DicadoNerd]

Muito obrigado pelo seu feedback. Isso me ajuda muito a entender a melhor forma de trazer novos conteúdos. Já viu essa novidade aqui no canal? kzbin.info/www/bejne/a36qfWN6lKejgLs

[@leandersonficagna2851]

Muito bom.

[@DicadoNerd]

Muito obrigado pelo seu feedback. Isso me ajuda muito a entender a melhor forma de trazer novos conteúdos. Já viu essa novidade aqui no canal? kzbin.info/www/bejne/a36qfWN6lKejgLs

[@joaovictorsouzadealmeida2944]

Muito bom!

[@DicadoNerd]

Muito obrigado pelo seu feedback. Isso me ajuda muito a entender a melhor forma de trazer novos conteúdos. Já viu essa novidade aqui no canal? kzbin.info/www/bejne/a36qfWN6lKejgLs

[@Carlos_Alberto.183]

Excelente aula e explicação sobre as tags. Já tinha visto outros vídeos e não tinha entendido bem, mas, aplicando em exemplos no VS Code ficou muito mais claro para mim. Só não entendi ainda o que é Semântica e o que não é(são) as tags não Semânticas?

[@DicadoNerd]

Olá Carlos. Semânti é exatamete o significade de cada tag (falando das novas tags adicionadas no HTML5).

[@Carlos_Alberto.183]

@@DicadoNerd Ok. Agora entendi. Obrigado!

[@haleyr.402]

mt bom aprendi mt. mt obrigado msm. mais cade o vídeo 9 ? kjkj

[@DicadoNerd]

Olá. Link da aula 09 - kzbin.info/www/bejne/nHrHf35jg6Z1rqM

[@tomazasano2458]

me salvou dms

[@HailtonAssisdaSilva]

Comecei agora a assistir as suas aulas professor, não tem ela em arquivo zipado para eu baixar tudo de uma vez só?

[@DicadoNerd]

Olá Hailton. Eu disponibilizo as aulas de forma gratuita aqui no youtube, sendo assim fica melhor vc assistir as aulas aqui mesmo, além de fortalecer o canal, e me insentivar a continuar criando conteudo gratuito aqui no youtube. Em breve novas aulas.

[@meows9628]

Olá! Seria melhor, com flex box, colocar um header dentro de uma div ou dentro de uma section?

[@DicadoNerd]

Olá @meows9628. Você deve sempre começar marcando seu HTML escolhendo as tags que mais fazem sentido com o conteúdo da página ou componente. Caso esteja criando um HEADER para a página, você pode usar a tag "header" envolvendo todas as demais tags. E dentro vc utiliza as tags que fazem sentido com cada conteúdo. Você pode usar "DIVs" para auxiliar na estilização e organização do conteúdo com CSS.

[@dr.ailtoncosta4792]

Eu estava no escuro até ver esse vídeo

[@DicadoNerd]

Obrigado por acompanhar o canal Ailton. Eu estava sem tempo para gravar aulas. Pretendo voltar a gravar esta semana. Grande abraço.

[@1porcentotododiamelhor]

amigo, estou com uma duvida, sobre fazer isso com SEO no caso menu > preciso colocar o menu dentro de uma header junto com dentro de nav certo? o H1 preciso colocar dentro da mesma header que esta o menu? ou tenho que abrir uma seção e colocar a H1? a seção e aberta sempre com o titulo ou posso colocar um pequeno texto e logo abaixo o h1

[@DicadoNerd]

Olá. Em geral cada sessão deve conter um cabeçalho (h1, h2, h3, etc). Procure colocar apena um "H1" por página.

[@vitorpirolo]

to com uma duvida toda pagina é obrigada semanticamente falando usar todos os (wireframes) header, nav, main e footer principalmente o MAIN tenho q usar em todos?

[@DicadoNerd]

Olá Vitor. Vai depender muito dos objetivos da sua página web. O importante é ficar atento a semântica, acessibilidade e SEO se necessário.

[@fabriciodantas8872]

Tenho duvidas de onde colocar um article e um aside o que colocar dentro de um article quais tags e de uma aside

[@DicadoNerd]

Olá Fabrício. A tag aside, vc usando quando quer envolver algum conteúdo que não está relacionado ao conteúdo principal da página, ou por exemplo criar uma seção com links para suas redes sociais, que irão levar o usuário para fora do sei site.

[@eudenes179]

Uma dúvida separou tudo dentro de suas respectivas tag, n seria aumento de código? E o que muda pra ter que fazer isso? Melhora algum desempenho? ABS: eu sou muito leigo qro saber o pq das coisas me ajuda aí professor

[@DicadoNerd]

Não entendi ao certo sua dúvida. Mas no começo não te preocupa com o tamanho do código, mas sim com sua legibilidade e semantica. Recomendo assistir o vídeo mais de uma vez se necessário e praticar bastante.

[@chuckbud]

Em vez de usar a tag id não deveria se criar classes?

[@DicadoNerd]

Você pode usar tanto classes como id. No caso de usar id ele deve ser único.

[@chuckbud]

@@DicadoNerd Ah agora entendi rs Muito obrigado!

[@ramonjales9941]

nao consigo abrir o documento com esse "open with live server" não aparece a opção

[@DicadoNerd]

Olá Ramon. Chegou a instalar a extensão Live Server?

[@ramonjales9941]

@@DicadoNerd obrigado, deu certo!