HTML : BALISE DIV ET SPAN

Les balises DIV et SPAN

Ces balises sont légèrement différentes, mais leurs particularités sont importantes à comprendre, car cela vous évitera de nombreuses incohérences ou « bug » d’affichage dû à leurs comportements.  

La balise DIV 

Cette balise ne se comporte pas comme du texte, il est impossible (sans utiliser le CSS) d’obtenir deux balises DIV sur une seule et même ligne. 

La balise SPAN

À l’inverse la balise SPAN peut être utilisée plusieurs fois sur une même ligne

Dans quel utiliser la balise span ou la balise div

La balise span est plus souvent utilisée pour styliser des éléments dits « inline » c’est-à-dire avec un comportement se rapprochant du texte. Par exemple pour colorer en rouge un élément particulier dans une ligne : 

Mon mot  est <span style="color:red;" > rouge </span>

En revanche, la balise div est plus utile pour englober des éléments plus structurels. Par exemple une div « flux-informations » qui engloberait plusieurs balises paragraphe <p>.

<div class="flux-informations">
     <p>information 1</p>
     <p>information 2</p>
</div>