Bazele HTML
Codul HTML indică browserului modul de redare a conținutului. Aspectul este structura de bază a paginilor. Timp de decenii, HTML a fost considerat piatra de temelie a Internetului, împreună cu CSS și JS. Standardele HTML și CSS sunt reglementate de un consorțiu al rețelei la nivel mondial.
Documentele HTML sunt descărcate de pe servere și le spun browserului cum să afișeze text, linkuri, imagini și formulare interactive.
Curs practic pe aterizare adaptivă de la zero!
Aflați de la zero pentru a adapta aterizările adaptive la HTML5 și CSS3 în următoarele 6 zile
Istoricul HTML
Noile versiuni ale HTML s-au axat pe sporirea disponibilității tehnologiilor Internet, mai degrabă decât pe redarea unor versiuni mai vechi. De exemplu, pe lângă noile opțiuni pentru crearea de planșe în HTML4, plasarea elementelor pentru utilizatorii cu deficiențe de vedere sa îmbunătățit.
Ca rezultat, indexarea arhivelor sa îmbunătățit, ceea ce a dus la o precizie îmbunătățită a căutării. În plus, a apărut o tipografie de foarte bună calitate. În HTML4, designerii web au obținut, de asemenea, un control suplimentar asupra vitezei și ordinii de redare a conținutului.
HTML sau HTML5: evoluția dezvoltării web
Prin urmare, HTML5 a fost implementat, conceput pentru a rezolva aceste probleme și a oferi o experiență mai lină și mai consistentă utilizatorilor și dezvoltatorilor.
Introducere treptată
HTML4 a fost standard de 15 ani, atât de mulți dezvoltatori încă o folosesc. Navigatorii vor susține acest standard mult timp. Vechile browsere pot "ignora" noul cod HTML5 atunci când redă conținut. De fapt, toate browserele moderne sprijină bine specificațiile HTML5: Chrome, Firefox, Opera și Safari. HTML5 evoluează în mod constant, astfel încât browserele în versiuni noi adaugă suport pentru proprietăți noi. Din fericire, toate browserele importante adaugă simultan suport pentru proprietăți noi de îndată ce părăsesc.
Puteți verifica browserul pentru suport HTML5 folosind HTML5test.
Majoritatea dezvoltatorilor nu trebuie să-și repare site-urile vechi. Cu toate acestea, dacă asociați viitorul dvs. cu crearea de site-uri, ar trebui să aflați avantajele HTML5 în fața HTML.
HTML sau HTML5: ce este nou?
elementele învechite, cum ar fi centrul, fontul și greva, au fost eliminate;
Normele îmbunătățite de parsing au făcut-o mai flexibilă și mai compatibilă;
au existat elemente noi video, timp, nav, secțiune, progres, metru, deoparte și pânză;
atribute noi pentru intuiții, inclusiv e-mail, URL, date și ore;
atribute noi, inclusiv charset, async și ping;
Noi API-uri cu caching offline și suport drag-and-drop, etc;
suport pentru grafice vectoriale fără programe terță parte, cum ar fi Silverlight sau Flash;
sprijinul pentru MathML a îmbunătățit afișarea notației matematice;
Datorită API-ului JS Web worker, JS poate rula acum în fundal;
Atributele globale, cum ar fi tabindex, repeat și id, pot fi aplicate acum tuturor elementelor.
Curs practic pe aterizare adaptivă de la zero!
Aflați de la zero pentru a adapta aterizările adaptive la HTML5 și CSS3 în următoarele 6 zile
Care sunt avantajele utilizatorilor în HTML5 față de HTML?
Înțelegem aspectul tehnic al întrebării și care sunt avantajele HTML5 pentru utilizatorii obișnuiți? Mai jos, am compilat o listă a acestor inovații pe care ați observat sau nu le-ați observat:
unele date pot fi stocate pe dispozitivul utilizatorului, și anume, aplicațiile pot funcționa fără o conexiune la Internet;
Paginile Web pot afișa mai multe fonturi cu o gamă mai largă de culori, umbre și alte efecte;
obiectele de pe pagină se pot deplasa cu cursorul;
browserele pot afișa grafică 3D interactivă cu ajutorul procesorului grafic al computerului.
Eliminând nevoia de pluginuri de la terțe părți, HTML5 accelerează livrarea unui conținut mai dinamic.
Care sunt avantajele dezvoltatorilor web în HTML5 față de HTML?
Principalul accent în HTML5 a fost acela de a oferi dezvoltatorilor mai multă flexibilitate, care la rândul lor ar trebui să conducă la o experiență mai interesantă pentru utilizatori. HTML5 a fost conceput pentru mai multe scopuri:
1. Manipularea erorilor egale
Toate browserele au parseri pentru a gestiona erorile sintactice și structurale în codul HTML. Până de curând, standardele acestui proces nu au fost prescrise nicăieri.
Prin urmare, dezvoltatorii de browsere trebuiau să testeze documente HTML cu erori în alte browsere, pentru a crea un proces de procesare a erorilor prin inginerie inversă.
În viața HTML, greșelile sunt inevitabile. În conformitate cu Rebuildingtheweb în 90% din pagini există erori în cod. Managerul de eroare este pur și simplu necesar pentru afișarea corectă a site-urilor. Ca rezultat, manipularea erorilor codificate salvează dezvoltatorii de browsere mult timp și bani. Nu puteți subestima avantajele unui algoritm de parsing bine definit.
2. Sprijin îmbunătățit pentru proprietățile aplicațiilor web
Un alt obiectiv al HTML5 a fost să facă browserele să funcționeze ca și platforme de aplicații. Site-urile au devenit mult mai complicate, astfel încât dezvoltatorii au învățat să evite extensiile de browser și alte tehnologii server. HTML5 vă permite să controlați performanța site-ului. Multe hacks din Flash și JS folosite în HTML4 sunt incluse în specificația de limbă nouă. Aceste schimbări oferă o experiență mai ușoară și mai rapidă a utilizatorului.
3. Semantica îmbunătățită a elementelor
Au îmbunătățit rolurile semantice ale unor elemente existente, ceea ce a făcut codul mai intuitiv. Secțiunea de elemente noi, antetul, articolul și nav pot înlocui majoritatea etichetelor div, ceea ce complică procesul de identificare a erorilor.
4. Suport maxim pentru dispozitivele mobile
Alte îmbunătățiri notabile
De la lansarea HTML5 au trecut câțiva ani, iar mai multe companii mari și-au mutat site-urile la un nou standard. O mulțime de dezvoltatori împărtășesc opiniile lor despre HTML și HTML5. Caracteristicile cele mai menționate:
1. Suport pentru atributele de date ale utilizatorilor
Înainte de lansarea HTML5, adăugarea de atribute personalizate la etichete era riscantă. În HTML4, atributele utilizatorilor nu interferează cu redarea completă a paginilor, dar documentele cu ele nu au trecut validarea, ceea ce a dus la randarea în modul de compatibilitate. Atributul de date * a rezolvat această problemă.
Atributul de date * poate fi folosit în diferite moduri, dar sarcina sa principală este de a stoca informații suplimentare despre elemente. Datele sunt stocate ca un șir simplu. Datele utilizatorilor au permis dezvoltatorilor să creeze pagini mai interesante fără a conecta tehnologiile Ajax și server.
2. Fără alte cookie-uri
Obiectul localStorage aparține ferestrei globale de nume de domeniu, adică este accesibil de oriunde din scenariu. Numai rândurile pot fi plasate în depozitul local, dar prin metodele JSON.stringify () și JSON.parse (), puteți pune cu ușurință toate datele noi acolo. Există un alt obiectSession care permite stocarea datelor până când utilizatorul închide fereastra browserului.
3. Focalizarea automată pe marginile formularului
Atributul de autofocalizare permite dezvoltatorilor să specifice un câmp care va fi focalizat după încărcarea paginii. Într-un document, puteți specifica atributul de autofocalizare pentru un singur element, utilizatorul poate suprascrie valoarea selectând un alt câmp. De exemplu, dacă adăugați atributul de focalizare automată în câmpul Nume ultim, după cum se arată în imaginea de mai jos, câmpul Nume final este evidențiat automat după încărcarea paginii.
4. În etichetele de script și legături, nu mai trebuie să specificați atributul type
În HTML5, înseamnă că etichetele de script și link se referă la scripturi și stiluri, adică nevoia de a utiliza atributul type nu mai este validă.
Viitorul HTML și HTML5
Ediție: Comanda webformself.
Curs practic pe aterizare adaptivă de la zero!
Aflați de la zero pentru a adapta aterizările adaptive la HTML5 și CSS3 în următoarele 6 zile
Cele mai recente știri despre dezvoltarea IT și web pe canalul nostru de telegrame
Practicați HTML5 și CSS3 de la zero la rezultatul!
Articole similare
Trimiteți-le prietenilor: