me expliquem oq é uma <div> ??
fala galera, to começando agora em progamação e gostaria de entender oq de fato uma '
' faz, eu sei que uma tag, mas qual seu caso de uso mais importante? e suas boas práticas????
1
2
Talvez isso te ajude.
1
obrigado por me apresentar a documentação, vlw aí
1
Por nada. É que antes de postar, eu li o resumo no primeiro parágrafo e achei bem didático:
O elemento de divisão HTML <div> é um container genérico para conteúdo de fluxo, que de certa forma não representa nada. Ele pode ser utilizado para agrupar elementos para fins de estilos (usando class ou id), ou porque eles compartilham valores de atributos, como lang. Ele deve ser utilizado somente quando não tiver outro elemento de semântica (tal como <article> ou <nav>)
Espero ter ajudado.
Abraço.
2
Ler a documentação é fundamental para entender qualquer assunto de forma mais completa. Porém para dar uma resumida, uma "div" funciona como um container que pode ser atribuído um id e class afim de estilizar ou organizar um grupo de tags.
É legal ler um pouco sobre semântica para manter seu código mais legível e organizado.
Da uma olhada na documentação para se aprofundar mais, nosso amigo @giovanne colocou um link bem alí ⇓
2
Dei uma aula ontem sobre HTML pra uma amiga e essa foi a definição que eu usei:
DIV é um quadradinho invisível sem altura nem largura.
Ele passa a ter a altura e a largura dos elementos que estiverem dentro dele.
Serve só pra agrupar mesmo.
Tipo: eu tenho 3 parágrafos e os 2 primeiros são especiais porque são um tipo de resumo.. eles vão ter formatação especial e uma borda que envolve os dois.
daí eu coloco:
<div>
<p> primeiro paragrafo especial </p>
<p> segundo paragrafo especial </p>
<div>
<p> tereceiro paragrafo </p>
O codigo acima não muda nada se voce usar ou não usar a DIV.
Mas se usar, tem como transformar ela em <div style="border-style: solid;"> e daí você vê a mágica acontecendo somente nos dois parágrafos que você "juntou" debaixo dessa div.
Fez sentido ??sd
1
faz siiim, muito obrigado !!
1
Bom dia,
A galera já falou bastante infos sobre div, eu deixo aqui algo que talvez sejá óbvio, talvez não.
Como exemplificar que a <div> é realmente coringa???
Você pode considerar o seguinte:
Você consegue estilizar uma <div> pra ela se comportar como:
<h1>
<h2>
<h3>
<p>
<section>
<header>
<main>
<footer>
<nav>
<article>
<aside>
E tem outras...
Resumindo com a famosa frase, É TUDO DIV!!!
Para ajudar num HTML mais 'legível' temos essas tags, que são simplificadamente divs já estilizadas para uso específico.
Espero que tenha ajudado de alguma forma.
Abraços,
Manozzo