Una dintre etichetele pe care le veți învăța devreme în web design educația este o pereche de etichete cunoscute sub numele de „etichete de accent”. Să aruncăm o privire la ce sunt aceste etichete și cum sunt folosite astăzi în designul web.
Înapoi la XHTML
Dacă ați învățat HTML cu ani în urmă, cu mult înainte de apariția HTML5, probabil că ați folosit atât etichetele aldine, cât și cele italice. Așa cum v-ați aștepta, aceste etichete au transformat elementele în text aldin sau, respectiv, cu caractere cursive. Problema cu aceste etichete și de ce au fost respinse în favoarea unor elemente noi (pe care le vom analiza în scurt timp) este că nu sunt elemente semantice. Acest lucru se datorează faptului că definesc modul în care ar trebui să arate textul, mai degrabă decât informațiile despre text. Amintiți-vă, HTML (unde ar fi scrise aceste etichete) este totul despre structură, nu despre stil vizual! Vizualele sunt tratate de CSS și cele mai bune practici de design web au susținut de mult că ar trebui să aveți o separare clară de stil și structură în paginile dvs. web. Aceasta înseamnă să nu folosiți elemente care nu sunt semantice și care arată mai degrabă decât structura. Iată de ce îndrăznețul și
cursiv etichetele au fost în general înlocuite cu puternice (pentru bold) și accent (pentru italice).și
Elementele puternice și de accentuare adaugă informații textului dvs., detaliind conținutul care ar trebui tratat diferit și subliniat atunci când acel conținut este vorbit. Folosiți aceste elemente cam la fel cum ați fi folosit în trecut caractere aldine și cursive. Pur și simplu înconjurați textul cu etichetele de deschidere și de închidere ( și pentru accent și și pentru un accent puternic) și va fi subliniat textul anexat.
Puteți cuibări aceste etichete și nu contează care este eticheta externă. Aici sunt cateva exemple.
Acest text este subliniat iar majoritatea browserelor l-ar afișa ca cursiv.
Acest text este puternic accentuat iar majoritatea browserelor l-ar afișa ca tip îndrăzneț.
În ambele exemple, nu dictăm aspectul vizual cu HTML. Da, aspectul implicit al fișierului eticheta ar fi cursiva și ar fi îndrăzneț, dar aspectele respective ar putea fi ușor schimbate în CSS. Acesta este cel mai bun din ambele lumi. Puteți utiliza stilurile implicite ale browserului pentru a obține text cursiv sau bold în documentul dvs. fără a trece de fapt linia și a amesteca structura și stilul. Spune că ai vrut asta textul nu numai pentru a fi îndrăzneț, ci și pentru a fi roșu, puteți adăuga acest lucru la SCS.
puternic {
culoarea rosie;
}
În acest exemplu, nu este nevoie să adăugați o proprietate pentru font-bold în greutate, deoarece aceasta este valoarea implicită. Cu toate acestea, dacă nu doriți să lăsați acest lucru la voia întâmplării, îl puteți adăuga în:
puternic {
font-weight: bold;
culoarea rosie;
}
Acum, veți avea cu siguranță o pagină cu text aldin (și roșu) oriunde este utilizată eticheta.
Faceți dublu pe accent
Un lucru pe care l-am observat de-a lungul anului este ce se întâmplă dacă încercați să vă dublați accentul. De exemplu:
Acest text ar trebui să aibă ambele cu caractere aldine și cursive text în interiorul său.
Ați crede că această linie ar produce o zonă care are un text îndrăzneț ȘI cursiv. Uneori acest lucru se întâmplă într-adevăr, dar am văzut că unele browsere respectă doar al doilea dintre cele două stiluri de accentuare, cel mai apropiat de textul în cauză, și afișează acest lucru doar ca cursiv. Acesta este unul dintre motivele pentru care nu ne dublăm pe etichetele de accent.
Un alt motiv pentru a evita această „dublare” este în scopuri stilistice. O formă de accentuare este de obicei suficientă pentru a transmite tonul pe care doriți să-l setați. Nu este nevoie să îndrăzniți, cursivați, să colorați, să măriți și să subliniați textul pentru ca acesta să iasă în evidență. Acest text, va avea toate acele tipuri diferite de accentuare, ar deveni caraghios. Deci, aveți grijă atunci când utilizați etichete de accent sau stiluri CSS pentru a oferi accent și nu exagerați.
O notă despre caractere aldine și cursive
Un ultim gând - în timp ce îndrăznețul () și cursiv () etichetele nu mai sunt recomandate pentru a fi utilizate ca elemente de accentuare, există unii designeri web care folosesc aceste etichete pentru a stiliza zonele de text în linie. Practic, îl folosesc ca un element. Acest lucru este frumos, deoarece etichetele sunt foarte scurte, dar utilizarea acestor elemente în acest mod nu este în general recomandată. O menționăm în cazul în care o vedeți pe unele site-uri folosind nu pentru a crea text aldin sau cursiv, ci pentru a crea un cârlig CSS pentru un alt tip de stil vizual.