<div> e <p>

[fsphp 0]

Oi pessoal,

 

Estou estudando bastante tableless e CSS2, e fazendo meus sites com essa tecnologia, só que estou com uma dúvida, quando usar <div> ou <p>???

 

A princípio, parece que cumprem a mesma função na diagramação e posicionamento dos blocks, mas não estou tão familiarizado assim para certificar-me. Alguém dá uma luz?

 

Valeu pessoal! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[pa_bruno 0]

div's foram feitos para diagramação, construção de layouts, assim como alguns usam tabelas para fazer isso... O problema é que os editores, como o dreamweaver, ficavam utilizando o div como divisão de texto... completamente errado...

 

se o que você for colocar é texto, utilize o <p> que significa parágrafo... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

e o div você utiliza somente para diagramação e estruturação beleza?

[fsphp 0]

Beleza Bruno. Dúvida totalmente exclarecida!!! Valeu http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[Butensal 0]

div's foram feitos para diagramação, construção de layouts, assim como alguns usam tabelas para fazer isso... O problema é que os editores, como o dreamweaver, ficavam utilizando o div como divisão de texto... completamente errado...se o que você for colocar é texto, utilize o <p> que significa parágrafo... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif e o div você utiliza somente para diagramação e estruturação beleza?

Me corrija se eu estiver errado, mas se eu não me engano, DIV's e SPAN's não tem nenhuma função semântica, "só" servem pra dividir a página e o conteúdo em blocos (e não pra construção de layouts), a diferença entre os 2 eh so que um tem o "display" block e o outro inline.

[pa_bruno 0]

falae rapaz... quando você diz q os divs e spans "soh" soh servem para dividir, automaticamente isso seria uma forma de creiar a estrutura do layout...

 

o q as pessoas faziam com as tabelas, <td>, agora fazem com <div>... entaum servem para construção de layouts... ;)

 

em relação a função semantica, entaum naum criaríamos sites com divs.... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Butensal 0]

falae rapaz... quando você diz q os divs e spans "soh" soh servem para dividir, automaticamente isso seria uma forma de creiar a estrutura do layout...o q as pessoas faziam com as tabelas, <td>, agora fazem com <div>... entaum servem para construção de layouts... ;) em relação a função semantica, entaum naum criaríamos sites com divs.... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Mas seguinte, se ela não tem função específica, logo podem ser usados em qualquer área. Então seria igualmente correto você fazer

<p> Texto em <b>negrito</b> </p>

e

<p>Texto em <span style="font-weight:bold;">negrito</span></p>

claro que você não pode fazer assim:

<div>Texto</div>

Que inclusive usando DTD de XHTML 1.1 , vai dar erro no validador.

[pa_bruno 0]

ainda naum entendi seu ponto d vista... :blink:

[Butensal 0]

ainda naum entendi seu ponto d vista... :blink:

Digo, você só num pode usar Texto solto na div <div>asdasd</div> porque o validador diz que não pode, que entre os dois tem que ter um elemento de um nivel abaixo na hierarquia tipo listas,cabeçalhos, paragrafos e tal, mas ela pode ser usada em qualquer lugar, assim como o SPAN, que no exemplo que eu dei, ficou no lugar do <b>.

[pa_bruno 0]

bom, o div você usa onde quiser... a parte q eu falei, foi em relação a um codigo semantico e validado... ;) agora, se o cara naum estiver ligando pra isso, ele pode usar div, span, p... o q ele quiser http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[fsphp 0]

Digo, você só num pode usar Texto solto na div <div>asdasd</div> porque o validador diz que não pode.

Peraí, o validador diz que eu não posso usar isso:<div>Este é um texto para servir de exemplo!</div>Porque não pode?E assim, eu posso usar:<div class="formatado">Este é outro texto para exemplo, só que ele está recebendo formatação de uma classe!</div>Não entendi esse não pode ser validado. Vamos esclarecer? http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[Butensal 0]

Digo, você só num pode usar Texto solto na div <div>asdasd</div> porque o validador diz que não pode.

Peraí, o validador diz que eu não posso usar isso:<div>Este é um texto para servir de exemplo!</div>Porque não pode?E assim, eu posso usar:<div class="formatado">Este é outro texto para exemplo, só que ele está recebendo formatação de uma classe!</div>Não entendi esse não pode ser validado. Vamos esclarecer? http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Seguinte, heheh, fiz confusão, texto solto na DIV pode, num pode é texto solto no body. usa um DTD mais rígido e passa no validador

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Tipo, tem uma hierarquia a ser seguinte...Body >>> Div/BlockQuote/ Table/ P/ Listas / Cabeçalhos/etc >>> Elementos InLine(img,b,em,span)/ TextoDai você num pode inverter certas ordens tipo, colocar <p><div>texto</div></p>Mas <div>Texto</div> pode sim--- Seguinte, acredito não exista uso semântico incorreto para Div e Spans, somente e estrutural.

[fsphp 0]

Ahhhh! Você conseguiu me confundir naquilo. :D

 

Ainda vem que você esclareceu. http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[pa_bruno 0]

usar o exemplo q você falow: <p><div>texto</div></p>, naum eh validado, por isso naum eh semantico... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

utilizar um div para alinhar um texto, naum eh semantico, pois o uso do <div> é para outros casos...

 

você pode usar, mas saberás que o uso é incorreto http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Butensal 0]

usar o exemplo q você falow: <p><div>texto</div></p>, naum eh validado, por isso naum eh semantico... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif utilizar um div para alinhar um texto, naum eh semantico, pois o uso do <div> é para outros casos...você pode usar, mas saberás que o uso é incorreto http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Esse caso, é errado, por que o P não aceita um block-level element dentro dele, e não por causa da função de cada um.

[pa_bruno 0]

Esse caso, é errado, por que o P não aceita um block-level element dentro dele, e não por causa da função de cada um.

bom rapaz... ae você diz q naum eh por causa da função... entaum quer dizer q naum eh função do <p> receber parágrafos? e do <div> fazer a divisão, organização e estruturação do layout?pq se o <p> naum aceita um emelnt block, eh exatamente pq naum eh a função dele receber isso, assim como naum eh a função do div alinahr textos... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif