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

Поделиться
HTML-код
  • Опубликовано: 8 янв 2025

Комментарии • 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? ruclips.net/video/5MGL0D_BpJY/видео.html

  • @DevNety
    @DevNety 4 месяца назад

    Conteúdo simples e humilde e direto! Eu gosto

  • @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.

  • @NathanSouza-ob7rf
    @NathanSouza-ob7rf Год назад +1

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

  • @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.

  • @stefanoixidasilva2996
    @stefanoixidasilva2996 2 года назад +1

    Essa comunidade é muito prestativa, obrigado.

  • @guilhermebrasil347
    @guilhermebrasil347 Год назад +1

    Melhor aula de todas

  • @JoaoGabrieluch
    @JoaoGabrieluch 9 месяцев назад +1

    Muito completo! Parabéns!

  • @portalmundoweb
    @portalmundoweb 2 года назад +1

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

  • @cachinhosdagirl
    @cachinhosdagirl 2 года назад +1

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

  • @vitorribeiro2002
    @vitorribeiro2002 2 года назад +2

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

  • @victorvinicius8907
    @victorvinicius8907 2 года назад +1

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

  • @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? ruclips.net/video/5MGL0D_BpJY/видео.html

  • @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.

  • @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

  • @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 7 месяцев назад +2

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

  • @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.

  • @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.

  • @williannunes7193
    @williannunes7193 2 года назад +1

    cara muito obg, vc clareou muito minha mente

  • @NetoEu
    @NetoEu Год назад +1

    Muito bom eu tava precisando desse vídeo

    • @DicadoNerd
      @DicadoNerd  Год назад

      Obrigado pelo feedback. Sucesso nos estudos.

  • @diogoliveira45
    @diogoliveira45 3 года назад +1

    Você explica muito bem,meus parabéns.

  • @drak7005
    @drak7005 Год назад +1

    muito boa obrigado demais

  • @gabrielcarvalho2948
    @gabrielcarvalho2948 2 года назад +1

    Aula otima!!!!!

  • @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? ruclips.net/video/5MGL0D_BpJY/видео.html

  • @julianafelix9521
    @julianafelix9521 2 года назад +1

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

    • @DicadoNerd
      @DicadoNerd  2 года назад

      Obrigado pelo feedback Juliana. ❤️

  • @0BigVideos0
    @0BigVideos0 3 года назад

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

  • @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? ruclips.net/video/5MGL0D_BpJY/видео.html

    • @warleichagasmoreira5772
      @warleichagasmoreira5772 3 года назад

      @@DicadoNerd Valeu nobre guerreiro!

  • @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

  • @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? ruclips.net/video/5MGL0D_BpJY/видео.html

  • @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? ruclips.net/video/5MGL0D_BpJY/видео.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.

  • @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? ruclips.net/video/5MGL0D_BpJY/видео.html

  • @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? ruclips.net/video/5MGL0D_BpJY/видео.html

  • @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? ruclips.net/video/5MGL0D_BpJY/видео.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!

  • @tomazasano2458
    @tomazasano2458 3 года назад +1

    me salvou dms

  • @BRUNANIZOLLIGUEXROCHALOURENCO
    @BRUNANIZOLLIGUEXROCHALOURENCO 2 года назад +1

    show!

  • @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 - ruclips.net/video/fIdNK-NABxA/видео.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? ruclips.net/video/5MGL0D_BpJY/видео.html

  • @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? ruclips.net/video/5MGL0D_BpJY/видео.html

  • @meows9628
    @meows9628 9 месяцев назад +1

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

    • @DicadoNerd
      @DicadoNerd  9 месяцев назад

      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
    @dr.ailtoncosta4792 3 года назад +1

    Eu estava no escuro até ver esse vídeo

    • @DicadoNerd
      @DicadoNerd  3 года назад +1

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

  • @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  3 года назад +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.

  • @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.

  • @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.

  • @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.

  • @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!

  • @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!

  • @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.