Ce sunt codurile HTML de fundal?

Codurile de fundal pentru HyperText Markup Language (HTML) sunt proprietăți ale elementelor la nivel de bloc care pot schimba aspectul zonei din spatele textului și imaginilor afișate pe o pagină web. Prin utilizarea codurilor de fundal HTML, culoarea de fundal a unei pagini poate fi schimbată sau o imagine poate fi definită și afișată ca fundal de fundal. Aceste coduri pot fi utilizate ca o proprietate a etichetei HTML body sau definite mai precis cu foi de stil în cascadă (CSS). În timp ce codurile de fundal HTML pot ajuta la îmbunătățirea aspectului unei pagini web, ele pot cauza, de asemenea, probleme cu lizibilitatea paginii dacă nu sunt testate corespunzător. În plus, unele coduri de fundal au fost depreciate – în special proprietățile etichetei HTML body – și ar putea să nu fie afișate corect dacă nu sunt definite cu proprietăți CSS.

Atât proprietatea de fundal a etichetei HTML body, cât și proprietatea CSS background-image permit unui designer să specifice un fișier care poate fi folosit ca imagine de fundal a unui site web. Când o imagine este definită folosind proprietatea de fundal a etichetei body, imaginea este aplicată pe fundalul întregii pagini. Dacă este utilizată proprietatea CSS imagine de fundal, atunci imaginea poate fi limitată la un singur element la nivel de bloc, cum ar fi un tabel sau o casetă de text. Imaginea poate fi aproape orice, deși majoritatea browserelor nu vor afișa animații în format de schimb grafic (gif) ca imagine de fundal și, în schimb, ar putea afișa doar primul cadru.

Alte coduri de fundal pot fi utilizate cu eticheta body și proprietăți CSS suplimentare. Acestea permit definirea unei imagini ca repetându-se pe fundal vertical, orizontal sau ambele. De asemenea, codurile HTML de fundal pot fi folosite pentru a alinia o imagine la o anumită zonă a ecranului, cum ar fi colțul din dreapta jos. Proprietățile CSS pot accepta procente sau locații de pixeli ca argumente, oferind o metodă de poziționare a imaginilor în locații foarte specifice.

Există, de asemenea, un set mai simplu de coduri de fundal HTML care se ocupă de definirea unei culori solide ca fundal pentru un site web. La fel ca în cazul imaginilor, aplicarea culorii în interiorul etichetei body va schimba culoarea de fundal a întregii pagini, în timp ce modificarea proprietăților corpului CSS va restricționa modificarea la un singur element la nivel de bloc. Este important de reținut că unele browsere web permit utilizatorilor să dezactiveze afișarea imaginilor de fundal și a culorilor.

Codurile HTML de fundal pot fi uneori afișate necorespunzător sau dezactivate, așa că este considerată o practică de design slabă să se bazeze foarte mult pe culoarea unei imagini de fundal pentru a transmite informații vitale către vizualizatorul site-ului web. În mod similar, dacă culoarea textului și a fundalului sunt inversate și fundalul nu este afișat corect, atunci vizitatorii site-ului web ar putea să nu vadă deloc text. Menținerea unei culori închise a textului pe un fundal deschis poate ajuta la a face un site web vizibil chiar dacă fundalul nu este afișat în culoarea dorită.