O foaie de stil web este o formă de separare între prezentare și conținut în web design, în care marcarea (de exemplu, HTML sau XHTML) unei pagini web conţine și structura semantică a paginii, dar nu definește aspectul său vizual (stilul). În schimb, stilul este definit într-un fișier de foaie de stil extern, folosind un limbaj de foaie de stil, cum ar fi CSS sau XSLT. Această abordare de design este identificată ca o „separare”, deoarece înlocuiește în mare măsură metodologia antecedentă în care în marcarea unei pagini este definit atât stilul, cât și structura.
Beneficii
Separarea între stil și conținut are avantaje, dar a devenit practică numai după îmbunătățirean implementării CSS în browsere web populare.
Viteza
În general, utilizatorii unui site care utilizează foi de stil vor naviga, în general, mai repede decât în site-urile care nu utilizează tehnologia. Prima pagină, probabil, se va încărca mai lent – pentru că foaia de stil a conținutului va trebui să fie transferată. Paginile următoare se vor încărca mai repede, deoarece nu mai există informații de stil care vor trebui să fie descărcate – fișierul CSS va fi deja în cache-ul browser-ului.
Mentenabilitatea
Concentrarea tututror stilurilor de prezentare într-un singur fișier poate reduce timpul de întreținere și reduce şansa de eroare, îmbunătățind astfel prezentarea consistență. De exemplu, culoarea fontului asociat cu un tip de element de text poate fi specificată – și, prin urmare, ușor de modificat – pe toată durata unui site, prin simpla înlocuire a unui șir scurt de caractere într-un singur fișier. Abordarea alternativă, utilizând stiluri încorporate în fiecare pagină în parte, ar consuma timp, și ar fi predispusă la erori de editare de fiecare fișier.
Accesibilitate
Site-urile care folosesc CSS, cu XHTML sau HTML, sunt mai ușor de îmbunătăţit, astfel încât acestea să pară ca fiind similare în diferite browsere (Internet Explorer, Mozilla Firefox, Opera, Safari, etc).
Site-urile care folosesc CSS permit „degradarea elegantă” în browserele care nu pot afișa conținut grafic, cum ar fi Lynx, sau cele care sunt foarte vechi, care nu pot utiliza CSS. Browsere ignoră CSS pe care nu le înțeleg, cum ar fi declaraţiile CSS 3. Acest lucru permite o mare varietate de agenți de utilizator pentru a putea accesa conținutul unui site, chiar dacă aceştia nu pot citi foaia de stil sau nu sunt proiectate cu capacitate grafică. De exemplu, un browser cu ajutorul unui afișaj Braille actualizabil la ieșire ar putea ignora complet informațiile de aspect, iar utilizatorul va avea în continuare acces la întreg conținutul paginii.
Personalizare
În cazul în care informațiile privind aspectul unei pagini sunt stocate extern, un utilizator poate decide să dezactiveze informațiile de aspect cu totul, lăsând conținutul site-ului într-o formă încă ușor de citit. Autorii site-ului pot oferi, de asemenea, mai multe foi de stil, care pot fi folosite pentru a schimba complet aspectul site-ului, fără a modifica conținutul său.
Cele mai multe browsere web moderne, de asemenea, permit utilizatorului să definească propria lor foaie de stil, care poate include norme care suprascriu normele de aspect ale autorului. Acest lucru permite utilizatorilor, de exemplu, să evidenţieze linkurile pentru fiecare pagină pe care o vizitează.
Coerența
Deoarece fișierul semantică conține numai sensurile pe care un autor intenționează să le transmită, stilul diferitelor elemente de conținut ale documentului este foarte consistent. De exemplu, pozițiile, textul subliniat, listele și expresiile matematice, toate primesc proprietăți de stil aplicate în mod consecvent de la foaia de stil extern. Autorii nu este nevoie să se preocupe de proprietățile de stil în momentul scrierii. Aceste detalii de prezentare pot fi amânate până la momentul prezentării.
Portabilitate
Amânarea detaliilor de prezentare până în momentul prezentării înseamnă că un document poate fi ușor re-procesat pentru un mediu de prezentare cu totul diferit folosind doar aplicarea unei noi foi de stil deja pregătite pentru noul mediu și în concordanță cu vocabularul elementar sau structural al documentului semantic. Un document scris special pentru o pagină web poate fi ușor tipărit cu anteturi și subsoluri, numere de pagină și un tabel generat de conținut, pur și simplu prin aplicarea unei nou foaie de stil.
Dezavantaje practice actuale
În prezent, specificaţiile (de exemplu, XHTML, XSL, CSS) și instrumentele software de punere în aplicare a acestor specificații, sunt doar în primele etape de maturitate. Deci, există unele probleme practice cu care se confruntă autorii care doresc să îmbrățișeze această metodă de separare a conținut de stil.
Adoptarea limitată fără instrumente de analiză și generare
În timp ce specificațiile de stil sunt destul de mature și încă se dezvoltă în continuare, instrumentele software s-au adaptat destul de lent. Cele mai multe dintre cele mai importante instrumente de dezvoltare web îmbrățișează încă un model de prezentare de conținut mixt. Deci, autorii si designerii care caută instrumente bazate pe GUI pentru munca lor, le este greu să urmeze metoda web semantică. În plus față de instrumentele GUI, arhivele partajate pentru foi de stil generalizate, probabil, ar ajuta la adoptarea acestor metode.
Traducere din Wikipedia
Lasă un răspuns