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

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ธ.ค. 2024

ความคิดเห็น • 88

  • @gabrielkleber2021
    @gabrielkleber2021 3 ปีที่แล้ว +19

    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
      @DicadoNerd  3 ปีที่แล้ว

      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? th-cam.com/video/5MGL0D_BpJY/w-d-xo.html

  • @xolizi
    @xolizi 2 ปีที่แล้ว +5

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

  • @alinepereira5537
    @alinepereira5537 ปีที่แล้ว +1

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

    • @DicadoNerd
      @DicadoNerd  ปีที่แล้ว

      Obrigado pelo seu feedback Aline.

  • @NathanSouza-ob7rf
    @NathanSouza-ob7rf ปีที่แล้ว +1

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

  • @DevNety
    @DevNety 4 หลายเดือนก่อน

    Conteúdo simples e humilde e direto! Eu gosto

  • @stefanoixidasilva2996
    @stefanoixidasilva2996 2 ปีที่แล้ว +1

    Essa comunidade é muito prestativa, obrigado.

  • @renansvale
    @renansvale 3 ปีที่แล้ว +3

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

    • @DicadoNerd
      @DicadoNerd  3 ปีที่แล้ว

      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? th-cam.com/video/5MGL0D_BpJY/w-d-xo.html

  • @IsmaelDev
    @IsmaelDev 3 ปีที่แล้ว +3

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

    • @DicadoNerd
      @DicadoNerd  3 ปีที่แล้ว +1

      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
      @dyego17 6 หลายเดือนก่อน +2

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

  • @vitorribeiro2002
    @vitorribeiro2002 2 ปีที่แล้ว +2

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

  • @marciovictor2531
    @marciovictor2531 2 ปีที่แล้ว +3

    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

  • @cesaestudos2063
    @cesaestudos2063 2 ปีที่แล้ว +1

    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.

  • @cachinhosdagirl
    @cachinhosdagirl 2 ปีที่แล้ว +1

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

  • @portalmundoweb
    @portalmundoweb 2 ปีที่แล้ว +1

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

  • @victorvinicius8907
    @victorvinicius8907 2 ปีที่แล้ว +1

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

  • @rosileneferreiraxavierbarb600
    @rosileneferreiraxavierbarb600 3 ปีที่แล้ว +6

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

    • @DicadoNerd
      @DicadoNerd  2 ปีที่แล้ว +1

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

  • @sarahalves8035
    @sarahalves8035 2 ปีที่แล้ว +1

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

    • @DicadoNerd
      @DicadoNerd  2 ปีที่แล้ว

      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
    @JoaoGabrieluch 9 หลายเดือนก่อน +1

    Muito completo! Parabéns!

  • @diogoliveira45
    @diogoliveira45 3 ปีที่แล้ว +1

    Você explica muito bem,meus parabéns.

    • @DicadoNerd
      @DicadoNerd  2 ปีที่แล้ว

      Muito obrigada 😃

  • @guilhermebrasil347
    @guilhermebrasil347 ปีที่แล้ว +1

    Melhor aula de todas

  • @williannunes7193
    @williannunes7193 2 ปีที่แล้ว +1

    cara muito obg, vc clareou muito minha mente

  • @0BigVideos0
    @0BigVideos0 3 ปีที่แล้ว

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

    • @DicadoNerd
      @DicadoNerd  2 ปีที่แล้ว

      Que bom que ajudou

  • @gcamara
    @gcamara 4 ปีที่แล้ว +1

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

    • @DicadoNerd
      @DicadoNerd  3 ปีที่แล้ว

      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? th-cam.com/video/5MGL0D_BpJY/w-d-xo.html

  • @NetoEu
    @NetoEu ปีที่แล้ว +1

    Muito bom eu tava precisando desse vídeo

    • @DicadoNerd
      @DicadoNerd  ปีที่แล้ว

      Obrigado pelo feedback. Sucesso nos estudos.

  • @warleichagasmoreira5772
    @warleichagasmoreira5772 3 ปีที่แล้ว +1

    Você ensina muito bem!

    • @DicadoNerd
      @DicadoNerd  3 ปีที่แล้ว

      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? th-cam.com/video/5MGL0D_BpJY/w-d-xo.html

    • @warleichagasmoreira5772
      @warleichagasmoreira5772 3 ปีที่แล้ว

      @@DicadoNerd Valeu nobre guerreiro!

  • @julianafelix9521
    @julianafelix9521 2 ปีที่แล้ว +1

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

    • @DicadoNerd
      @DicadoNerd  2 ปีที่แล้ว

      Obrigado pelo feedback Juliana. ❤️

  • @danielmoura4821
    @danielmoura4821 3 ปีที่แล้ว +1

    Muito top mano, pode continuar que vai longe.

    • @DicadoNerd
      @DicadoNerd  3 ปีที่แล้ว +1

      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? th-cam.com/video/5MGL0D_BpJY/w-d-xo.html

  • @xvr8823
    @xvr8823 3 ปีที่แล้ว +1

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

    • @DicadoNerd
      @DicadoNerd  3 ปีที่แล้ว

      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? th-cam.com/video/5MGL0D_BpJY/w-d-xo.html

  • @ramonjales9941
    @ramonjales9941 3 ปีที่แล้ว +1

    Parabéns pelo canal!

    • @DicadoNerd
      @DicadoNerd  3 ปีที่แล้ว +1

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

    • @ramonjales9941
      @ramonjales9941 2 ปีที่แล้ว +1

      @@DicadoNerd já tem mais um inscrito

  • @givafernandes2219
    @givafernandes2219 3 ปีที่แล้ว +1

    Ótimo vídeo, muito bem explicativo!!

    • @DicadoNerd
      @DicadoNerd  3 ปีที่แล้ว

      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? th-cam.com/video/5MGL0D_BpJY/w-d-xo.html

  • @bl1tz_x
    @bl1tz_x 3 ปีที่แล้ว +1

    Muito bom, obrigado pelo excelente conteúdo!

    • @DicadoNerd
      @DicadoNerd  3 ปีที่แล้ว

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

  • @drak7005
    @drak7005 ปีที่แล้ว +1

    muito boa obrigado demais

  • @gabrielcarvalho2948
    @gabrielcarvalho2948 2 ปีที่แล้ว +1

    Aula otima!!!!!

  • @haleyr.402
    @haleyr.402 3 ปีที่แล้ว +1

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

    • @DicadoNerd
      @DicadoNerd  3 ปีที่แล้ว

      Olá. Link da aula 09 - th-cam.com/video/fIdNK-NABxA/w-d-xo.html

  • @Carlos_Alberto.183
    @Carlos_Alberto.183 2 ปีที่แล้ว

    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
      @DicadoNerd  2 ปีที่แล้ว +1

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

    • @Carlos_Alberto.183
      @Carlos_Alberto.183 2 ปีที่แล้ว

      @@DicadoNerd Ok. Agora entendi. Obrigado!

  • @tokyojp1
    @tokyojp1 ปีที่แล้ว

    tava precisando desse vídeo

  • @nunes889
    @nunes889 4 ปีที่แล้ว +1

    Valeu pelo curso.

    • @DicadoNerd
      @DicadoNerd  3 ปีที่แล้ว

      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? th-cam.com/video/5MGL0D_BpJY/w-d-xo.html

  • @meows9628
    @meows9628 8 หลายเดือนก่อน +1

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

    • @DicadoNerd
      @DicadoNerd  8 หลายเดือนก่อน

      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.

  • @HailtonAssisdaSilva
    @HailtonAssisdaSilva 3 ปีที่แล้ว +1

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

    • @DicadoNerd
      @DicadoNerd  2 ปีที่แล้ว +2

      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.

  • @tomazasano2458
    @tomazasano2458 3 ปีที่แล้ว +1

    me salvou dms

  • @dr.ailtoncosta4792
    @dr.ailtoncosta4792 2 ปีที่แล้ว +1

    Eu estava no escuro até ver esse vídeo

    • @DicadoNerd
      @DicadoNerd  2 ปีที่แล้ว +1

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

  • @leandersonficagna2851
    @leandersonficagna2851 4 ปีที่แล้ว +2

    Muito bom.

    • @DicadoNerd
      @DicadoNerd  3 ปีที่แล้ว +1

      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? th-cam.com/video/5MGL0D_BpJY/w-d-xo.html

  • @joaovictorsouzadealmeida2944
    @joaovictorsouzadealmeida2944 3 ปีที่แล้ว +1

    Muito bom!

    • @DicadoNerd
      @DicadoNerd  3 ปีที่แล้ว

      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? th-cam.com/video/5MGL0D_BpJY/w-d-xo.html

  • @1porcentotododiamelhor
    @1porcentotododiamelhor 2 ปีที่แล้ว

    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
      @DicadoNerd  2 ปีที่แล้ว

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

  • @BRUNANIZOLLIGUEXROCHALOURENCO
    @BRUNANIZOLLIGUEXROCHALOURENCO 2 ปีที่แล้ว +1

    show!

  • @erikaparvati2419
    @erikaparvati2419 3 ปีที่แล้ว +1

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

    • @DicadoNerd
      @DicadoNerd  3 ปีที่แล้ว

      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? th-cam.com/video/5MGL0D_BpJY/w-d-xo.html

  • @vitorpirolo
    @vitorpirolo 2 ปีที่แล้ว +1

    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
      @DicadoNerd  2 ปีที่แล้ว

      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
    @fabriciodantas8872 3 ปีที่แล้ว

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

    • @DicadoNerd
      @DicadoNerd  3 ปีที่แล้ว

      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.

  • @ramonjales9941
    @ramonjales9941 3 ปีที่แล้ว +1

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

    • @DicadoNerd
      @DicadoNerd  3 ปีที่แล้ว +1

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

    • @ramonjales9941
      @ramonjales9941 3 ปีที่แล้ว +1

      @@DicadoNerd obrigado, deu certo!

  • @eudenes179
    @eudenes179 2 ปีที่แล้ว

    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
      @DicadoNerd  2 ปีที่แล้ว

      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
    @chuckbud 2 ปีที่แล้ว

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

    • @DicadoNerd
      @DicadoNerd  2 ปีที่แล้ว +1

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

    • @chuckbud
      @chuckbud 2 ปีที่แล้ว

      @@DicadoNerd Ah agora entendi rs Muito obrigado!