Ce face <span>
Tagul <span> nu are nicio semnificație semantică proprie și nu schimbă randarea textului în mod implicit. Este echivalentul inline al tagului <div>.
Se folosește atunci când vrei să colorezi, să formatezi sau să identifici prin JavaScript o bucată dintr-un paragraf, fără a rupe rândul curent de text.
Atribute
| Atribut | Descriere |
|---|---|
class |
Una sau mai multe clase CSS pentru stilizare. |
id |
Identificator unic pe pagină. |
Exemple
Exemplul 1: Stilizarea unui singur cuvânt dintr-un paragraf
Cuvântul selectat își schimbă culoarea fără să coboare pe un rând nou.
<p>Comanda a fost finalizată cu <span style="color: #10b981; font-weight: bold;">succes</span>!</p>Ce afișează browserul
Comanda a fost finalizată cu succes (scris verde și îngroșat)!Greșeli frecvente
- Folosirea tagului pe post de buton sau link fără atribute ARIA și fără tratare de tastatură (pentru butoane se folosește
Comenzi înrudite
<p>: Definește un paragraf de text; element de tip bloc, separat automat de restul conținutului prin spațiu vertical.<div>: Container generic de tip bloc (division), fără semnificație semantică, folosit pentru gruparea elementelor și stilizare CSS.<strong> și <em>: Evidențiază textul: strong conferă importanță majoră (îngroșat), iar em conferă accent sau intonație (cursiv/italic).