Te-ai uitat la un site foarte vechi și ai văzut o etichetă neobișnuită în interiorul HTML ? Cu mulți ani în urmă, designerii web ar fi pus de fapt fonturile paginilor lor web în interiorul HTML-ului , însă separarea structurii (HTML) și a stilului (CSS) a îndepărtat această practică cu ceva timp în urmă.
În designul de astăzi, eticheta a fost depreciată. Aceasta înseamnă că eticheta nu mai face parte din specificația HTML. În timp ce unele browsere încă au acceptat această etichetă după ce au fost respinse, aceasta nu mai este acceptată deloc în HTML5, care este ultima iterație a limbii. Aceasta înseamnă că eticheta nu mai trebuie găsită în documentele dvs. HTML.
Alternativa la eticheta de font
Dacă nu puteți seta fontul textului în interiorul paginii HTML cu eticheta, ce ar trebui să utilizați? Fonturile de stil cascadă (CSS) sunt modul în care setați stilurile de fonturi (și toate stilurile vizuale) pe site-urile de astăzi. CSS poate face toate aceleași lucruri pe care le-ar putea face eticheta, plus multe altele. Să examinăm ce ar putea face eticheta atunci când a fost o opțiune pentru paginile HTML (rețineți că nu mai este suportată deloc, deci nu este o opțiune) și comparați cum se face cu CSS.
Schimbarea familiei de fonturi
Fața fontului este fața sau familia fontului. Cu eticheta fontului, ați folosi atributul "face" și ar trebui să plasați acest lucru într-un document de multe ori, pentru a seta fonturile individuale pentru fiecare secțiune de text. Dacă ar fi trebuit să faceți o schimbare drastică a acelui font, a trebuit să schimbați fiecare dintre aceste etichete individuale. De exemplu:
acest font nu este sans-serifÎn CSS, în loc de font "face", se numește fontul "family". Veți scrie un stil CSS care ar seta fontul. De exemplu, dacă doriți să setați tot textul într-o pagină la Garamond, puteți adăuga acel stil vizual astfel:
corp {font-familie: Garamond, Times, serif; }Acest stil CSS va aplica familia de fonturi a Garamond pentru tot ce se află pe pagina web, deoarece fiecare element din document este descendent al
Modificarea culorii fontului
Ca și în cazul feței, utilizați atributul "color" și codurile hex sau numele de culori pentru a schimba culoarea textului. Cu ani în urmă, ați seta acest lucru în mod individual și pe elemente de text, cum ar fi un antet.
acest font este purpuriuAstăzi, ați scrie doar o linie de CSS.
Acest lucru este mult mai flexibil. Dacă aveați nevoie să schimbați
pe fiecare pagină a site-ului dvs., puteți face o modificare în fișierul CSS și fiecare pagină care utilizează fișierul respectiv va fi actualizată.
Out cu Vechiul
Utilizarea CSS pentru a dicta stiluri vizuale a fost un standard de web designer de mai mulți ani, deci dacă sunteți într-adevăr căutați o pagină care încă utilizează eticheta, atunci este o pagină foarte veche și trebuie să fie redezvoltată pentru a se conforma cu actualul web proiectarea celor mai bune practici și a standardelor web moderne.
Editat de Jeremy Girard