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

Подписаться 2,1 тыс.

Просмотров 15 тыс.

50% 1

Curso Html5 e Css3 - 10 - Semântica, Tags Header, Footer, Nav, Section, Main, Div
Github do curso:
github.com/mar...
________________________
Marcelo Pereira
Front-end Developer
Site: marcelopereira...
Linkedin: / marcelopoars
Instagram: / dicadonerd

Опубликовано:

6 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 88

@DevNety 20 дней назад

Conteúdo simples e humilde e direto! Eu gosto

@gabrielkleber2021 3 года назад

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 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? ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-5MGL0D_BpJY.html

@xolizi 2 года назад

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

@IsmaelDev 3 года назад

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

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

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

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

@rosileneferreiraxavierbarb600 2 года назад

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

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

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.

@alinepereira5537 Год назад

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

@DicadoNerd Год назад

Obrigado pelo seu feedback Aline.

@drak7005 Год назад

muito boa obrigado demais

@NathanSouza-ob7rf Год назад

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

@renansvale 3 года назад

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

@DicadoNerd 3 года назад

@cachinhosdagirl Год назад

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

@stefanoixidasilva2996 2 года назад

Essa comunidade é muito prestativa, obrigado.

@BRUNANIZOLLIGUEXROCHALOURENCO Год назад

show!

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

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

@JoaoGabrieluch 5 месяцев назад

Muito completo! Parabéns!

@victorvinicius8907 2 года назад

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

@marciovictor2531 2 года назад

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

@portalmundoweb 2 года назад

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

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

@sarahalves8035 2 года назад

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

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

@guilhermebrasil347 Год назад

Melhor aula de todas

@motivacao-fire 3 года назад

Você explica muito bem,meus parabéns.

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

Muito obrigada 😃

@williannunes7193 2 года назад

cara muito obg, vc clareou muito minha mente

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

tava precisando desse vídeo

@danielmoura4821 3 года назад

Muito top mano, pode continuar que vai longe.

@DicadoNerd 3 года назад

@gcamara 4 года назад

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

@DicadoNerd 3 года назад

@julianafelix9521 2 года назад

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

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

Obrigado pelo feedback Juliana. ❤️

@xvr8823 3 года назад

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

@DicadoNerd 3 года назад

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

Você ensina muito bem!

@DicadoNerd 3 года назад

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

@@DicadoNerd Valeu nobre guerreiro!

@bl1tz_x 3 года назад

Muito bom, obrigado pelo excelente conteúdo!

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

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

@givafernandes2219 3 года назад

Ótimo vídeo, muito bem explicativo!!

@DicadoNerd 3 года назад

@gabrielcarvalho2948 2 года назад

Aula otima!!!!!

@0BigVideos0 2 года назад

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

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

Que bom que ajudou

@ramonjales9941 3 года назад

Parabéns pelo canal!

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

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

@ramonjales9941 2 года назад

@@DicadoNerd já tem mais um inscrito

@nunes889 4 года назад

Valeu pelo curso.

@DicadoNerd 3 года назад

@leandersonficagna2851 3 года назад

Muito bom.

@DicadoNerd 3 года назад

@joaovictorsouzadealmeida2944 3 года назад

Muito bom!

@DicadoNerd 3 года назад

@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 Год назад

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!

@tomazasano2458 3 года назад

me salvou dms

@dr.ailtoncosta4792 2 года назад

Eu estava no escuro até ver esse vídeo

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

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

@haleyr.402 3 года назад

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

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

Olá. Link da aula 09 - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-fIdNK-NABxA.html

@erikaparvati2419 3 года назад

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

@DicadoNerd 3 года назад

@HailtonAssisdaSilva 2 года назад

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

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

@meows9628 5 месяцев назад

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

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

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.

@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 2 года назад

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.

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

@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 Год назад

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.

@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 Год назад

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

@ramonjales9941 3 года назад

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

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

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

@ramonjales9941 2 года назад

@@DicadoNerd obrigado, deu certo!