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>

Web Developer pentru Firefox

Parte din ceea ce face Firefox un browser extrem de util şi prietenos cu utilizatorul este reprezentată de suita de add-on-uri pe care le poţi grefa în bara de unelte, la îndemână oricând ai nevoie de ele. Eric Meyer, în tutorialul de CSS Web Design de pe Lynda.com, face o scurtă însă relevantă demonstraţie despre utilitatea Web Developer pentru cineva care încearcă să atingă acest domeniu. Astfel poţi face modificări importante doar printr-un singur click, precum dezactivarea stilurilor sau a JavaScript, editarea CSS sau HTML, redimensionarea paginii, validarea CSS sau HTML şi multe, multe altele.