HTML înseamnă aplicarea semnificației în conținut. Chiar dacă cele mai multe tag-uri HTML aplică semnificația ( face un paragraf, <p><h1> particularizează textul), tag-urile <span> și <div> nu dau semnificații, ceea ce ar fi foarte folositor, dar ele sunt folosite destul de vast în contradicție cu CSS-ul.

Ele sunt folosite pentru a grupa părți ale codului HTML și pentru a sustrage informații din aceste grupări.De cele mai multe ori, aceste două tag-uri au ca atribute ajutătoare ”class” și ”id”, pentru a asocia elementul cu o clasa sau cu o identitate selectivă.

Diferența dintre <span> și <div> este aceea că un element ”span” este ”în linie” și este de obicei utilizat în mici grupuri de linii HTML, în timp ce elementul ”div” (provenind de la diviziune) blochează linia ( ceea ce este echivalent cu pauza dintre linii) și este folosit pentru a grupa secțiunile mai mari de coduri.

<div id=“scissors“>

<p>Asta e o <span class=“hârtie“>nebunie</span></p>

</div>

<div> și în special <span>, nu ar trebui utilizați atât de des. Din acest motiv este binevenită orice altă alternativă. De exemplu, dacă dorești să subliniezi cuvântul ”nebunie” și clasa ”hârtie” este scrisă cu bold, atunci codul ar putea arăta în felul următor:

<div id=“scissors“>
<p>Asta e o<strong class=“hârtie“>nebunie</strong></p>
</div>

Dacă nu ai prea înteles cum funcționează atributele ce definesc clasele și identitățile, vei avea o explicație mai detaliată în Tutorialul CSS pentru intermediari.Tot ce trebuie să reții este că tag-urile <span> și <div> sunt inexpresive!