QUAL A DIFERENÇA ENTRE AS TAGS SECTION E DIV? (CSS) - PASSO A PASSO

➡️ Esse vídeo faz parte do Bootcamp OSIB: Frontend. Saiba mais em https://bit.ly/osibFrontend --------------------------------------------------------------------------------------------- Nesse vídeo eu vou te mostrar a diferença entre as tags section e div no CSS. Muitas vezes enquanto estamos aprendendo html, css e js surgem elementos que aparentemente são iguais. O objetivo da série “qual é a diferença?” é sanar essas dúvidas que são comuns na nossa jornada no universo da programação web, seja com html, css ou javascript. Entender bem tecnologias web é algo de suma importância na carreira de um desenvolvedor web, seja no frontend ou no backend. Nesse e nos próximos vídeos você vai polir o seu conhecimento aparando algumas arestas, seja em como aprender html, como aprender css ou como aprender javascript. Como funciona a tag section? O elemento HTML section representa uma seção genérica contida em uma página HTML, geralmente com um título, quando não existe um elemento semântico mais específico para representá-lo. Ele é aplicado a uma seção genérica de conteúdo que pode ser agrupada de uma forma semanticamente significativa. Ou seja, aquele conteúdo agrupado possui um significado, um “porquê”, um motivo semântico para ele estar agrupado. Como o conteúdo de uma tag section é significativo quando agrupado, ele deve ter um “tema”. Esse "tema" deve ser definido incluindo um elemento de título dentro do elemento section, geralmente imediatamente após a tag de abertura. Como funciona a tag div? O elemento HTML div é um container genérico para conteúdo, que de certa forma não representa nada. Ele pode ser utilizado para agrupar elementos para fins de estilização (usando class ou id), ou porque eles compartilham valores de atributos, como lang por exemplo. Quando usar a tag section e a tag div? Como você pode perceber, o elemento section é um pouco mais específico que uma div. A regra para você definir quando usar cada uma é a seguinte: se o conteúdo dentro do elemento não estiver semanticamente relacionado, use uma div. Se o conteúdo estiver semanticamente relacionado use uma section. Você utiliza div quando o motivo de você agrupar os elementos é puramente estético, ou seja, porque você precisa estilizar aquele grupo de elementos e você utiliza a section quando o motivo de você agrupar os elementos é não só estético, mas também semântico. Agora, fica a dúvida: qual a diferença entre as duas? Assista ao vídeo e aprenda a diferença entre elas. Fazer isso é uma ótima forma de fortalecer o conhecimento de novas tecnologias, seja no processo de aprender html para iniciantes, de aprender css ou de aprender javascript. --------------------------------------------------------------------------------------------- Onde você pode me achar: Instagram:   / inkasadev   Github: https://github.com/inkasadev Telegram: https://t.me/inkasadev Twitter:   / inkasadev   Google Play: http://bit.ly/InkasaGooglePlay --------------------------------------------------------------------------------------------- ☑️ Starter Files: https://bit.ly/github-qad (Por favor deixe a sua star lá no github! 😉) --------------------------------------------------------------------------------------------- ➡️ Compartilhe o vídeo:    • QUAL A DIFERENÇA ENTRE AS TAGS SECTION E D...   ➡️ Confira a playlist com todos os vídeos:    • [HTML] Qual a Diferença?   Tudo de melhor Se cuidem Tmj! 00:00 - Qual a diferença entre as tags section e div? 00:22 - Onde baixar o material da aula 00:53 - Como funciona a tag section? 02:38 - Como funciona a tag div? 05:49 - Quando usar a tag section e a tag div? Referências: https://developer.mozilla.org/pt-BR/d... https://developer.mozilla.org/pt-BR/d... https://www.w3schools.com/tags/tag_se... https://www.w3schools.com/tags/tag_di... https://bitsofco.de/sectioning-conten... https://stackoverflow.com/questions/6...