Div şi span

Considerate tag-uri generaliste (fără un specific bine-delimitat, fiind folosite pentru a grupa laolaltă părţi neomogene de HTML), cele două elemente sunt despărţite prin faptul că, în vreme ce <div> marchează o divizie de HTML, conturând un element block-level, <span> uneşte părţi inline de HTML, precum cuvinte sau fraze scurte, pe care le reuneşte sub aceeaşi clasă / id.

<div>
<h1> Lykke Li </h1>
<p> I will do it, Push button, Pull trigger, Climb mountain, Jump off a cliff. </p>
</div>

vs

<p> I will do it, Push button, Pull trigger, Climb mountain, <span class="action">Jump</span> off a cliff. </p>

O altă vrăjitorie în care e implicat tag-ul <span> şi care poate fi observată de către utilizatorii platformei Wordpress dacă se uită sub fusta articolelor, unde domneşte umbra şi răcoarea HTML, este aceea de a adăuga cod CSS asupra unor porţiuni din text. Iată cum arată, de exemplu, unul dintre paragrafele de mai sus, transpuse în cod HTML de către motoraşul Wordpress:

<span style=”color: #ff9900;”> I will do it, Push button, Pull trigger, Climb mountain, Jump off a cliff. </span>