Les DIV - Span

[ShadowFire]

Salut,
j'ai cherché sur différant sites dont openclassroom / xul mais je n'ai pas vraiment compris, qu'elle est la différence entre le span et les div ?
auriez vous des exemples pour me montrer la différance entre les deux ? merci d'avance !

cordialement.

 

[Flextor]

Span est utilisé pour encadrer une phrase ou un mot alors que Div est pour encadrer un block.

 

[Evaelis]

Ce sont tout deux des balises, qui selon les navigateurs ont une feuille de style prédéfinie.
Un div te permettras t'encadrer un block car sa feuille de style n'est pas faite comme celle du span, mais si tu redéfinies entièrement la balise div, elle feras la même chose que span et inversement.
On peut donc dire que ce sont des "noms" ou des "raccourcis" pour obtenir une template css sur un élément.

 

[ShadowFire]

Je comprend un peu mieux..
par contre faudrait qu'on m'explique ce qu'est l'inline et le block(j'ai bien lu le cours mais j'ai pas compris sa aussi) car même en comprenant la différence je sais pas trop quand utiliser div et quand utiliser span..

merci pour vos réponses :)

cordialement

 

[Flextor]

Peut être qu'avec un morceau de code tu vas comprendre.

SPAN

Ici, je veux mettre juste deux mots de mon texte en couleurs, donc j'utilise la balise Span qui va me permettre en css de paramétrer mes options de style.

<p><span style="color: red;">bonjour toi,</span> comment ça va ?</p>

Alors qu'une Div va englober un bloc, donc plusieurs choses à la fois, comme un block de news qui dispose de plusieurs éléments :

<div id="news">

<h1> Titre </h1>
<p><span style="color: red;">bonjour toi,</span> comment ça va ?</p>

</div>

 

[ShadowFire]

Ah d'accord, c'est bon j'ai compris merci.
(topic résolu ;))