Atunci când construiți un site web, aveți câteva moduri de a face acest lucru.
Puteți începe prin a crea cea mai avansată versiune a site-ului cu toate scenariile, stilurile și așa mai departe și apoi să o redați în browsere mai vechi prin degradare grațioasă, puteți opta să ignorați browserele mai vechi sau puteți începe cu pagina de bază și să adăugați scripturi și stiluri astfel încât să devină mai funcțională prin îmbunătățirea progresivă.
În această serie, vom examina ultima.
În primul rând, vom examina teoria din spatele îmbunătățirii progresive. Dar nu fi intimidat - nu știința rachetelor. Regulile pe care va trebui să le urmați sunt simple.
Puteți întreba: De ce să mă deranjez cu browserele mai vechi? În acest moment, majoritatea browserelor majore se actualizează automat.
În primul rând, dacă nu creați o aplicație Web extrem de interactivă, trebuie să luați în considerare utilizatorii cu handicap. Ei pot utiliza cititoarele de ecran pentru a accesa site-ul dvs. și aceste programe nu citesc stiluri sau interfețe complicate pur și simplu pentru că ar fi prea greu pentru ca utilizatorul să înțeleagă ce se află pe pagină.
În al doilea rând, există încă persoane care dezactivează JavaScript și / sau CSS. Există multe motive pentru aceasta - limite de bandă, conexiuni lente și preferințe personale. Unii oameni folosesc și browsere bazate pe text, care pot parsa o sumă limitată de CSS, dar ignoră JavaScript.
Apoi, acesta va face codul mai ușor de întreținut. Probabil că veți avea mai mult HTML semantic. Veți putea să o revizuiți în viitor și să înțelegeți ușor ce se întâmplă cu marcajele, stilurile și scenariile.
În cele din urmă, este important să rețineți că există medii care nu permit utilizatorilor să instaleze sau să actualizeze orice software, inclusiv browserul web (acesta este popular în marile corporații).
Și dacă încă nu sunteți convins, unele țări au legiferat chiar legi corespunzătoare, obligând dezvoltatorii web să facă site-urile lor accesibile utilizatorilor cu handicap (de exemplu, Marea Britanie).
Acum, să examinăm regulile de bază ale creării site-urilor web utilizând îmbunătățiri progresive.
Acest lucru pare destul de simplu dacă înțelegeți contextul în care se folosește cuvântul "conținut".
Aici, "conținut" este informațiile pe care doriți să le primească utilizatorul în forma sa cea mai de bază - text. Anteturile, adnotările, linkurile, paragrafele și altele similare sunt bine, dar imaginile, muzica, animațiile nu sunt conținutul despre care vorbim aici (și ar trebui să fie descrise corect folosind Alt
și titlu
atribute).
Acum, un cuvânt despre aspectul "accesibil": nu numai că toate browserele web ar putea să vă afișeze conținutul, dar ar trebui să îl afișeze într-un format ușor de citit. Astfel, eliminarea întregului text într-un singur paragraf fără formatare este o idee proastă.
Aceasta înseamnă că, dacă pe pagina dvs. există o ancoră sau un buton, utilizatorul ar trebui să poată naviga în continuare. Nu contează dacă utilizează ultima versiune Chrome sau o versiune mai veche a Internet Explorer.
Acest punct necesită mai multă planificare, mai ales atunci când vine vorba de a crea proiecte elaborate. Vă forțează să plasați conținutul în etichete HTML de bază cu cât mai puține dintre ele. Asta înseamnă că nu putem cuibări o duzină de Dacă urmați această regulă, codul dvs. HTML va fi mai curat și mai ușor de înțeles. Artificii vor locui în CSS. Mai întâi de toate, uitați de Acesta este similar cu punctul de mai sus - niciun manipulator de evenimente în HTML, nr Îmbunătățirea aspectului este asigurată de CSS extern legat
stil
atribut în etichete HTML. Va trebui să utilizați clase, ID-uri și alte atribute și să definiți aspectul acestora în foaia de stil. tag - ul nu este nici o opțiune - foile de stil trebuie să fie încărcate folosind
, deci dacă un browser nu acceptă CSS sau este dezactivat, fișierele nu vor fi descărcate.
Îmbunătățirea comportamentului este asigurată de un JavaScript discret și extern legat
>