Ce este HTML5 și cum se schimbă modul în care navighez? [Explică-i pe MakeUseOf]

În ultimii ani, este posibil să fi auzit termenul HTML5 din când în când. Indiferent dacă știți ceva despre dezvoltarea web sau nu, conceptul poate fi oarecum nebulos și confuz. Evident, este următorul pas în linia de HTML, dar ce anume face? De ce există în jurul ei atât de multă entuziasm? Și de ce contează pentru tine?

HTML, sau HyperText Markup Language, este cel mai important element al World Wide Web. Este limba folosită pentru a descrie ce ar trebui să arate o pagină web. Cu toate acestea, HTML-ul pe cont propriu este destul de plictisitor, deoarece poate oferi doar pagini statice; pentru a răspunde cererii crescânde de caracteristici web mai impresionante, HTML a fost cuplat cu pluginuri precum CSS, Flash, Java, Silverlight etc..

A devenit ceva de mizerie umflată și browsere diferite pun în aplicare aceste caracteristici în felul lor. HTML5 este destinat să rezolve problemele mari ale HTML pentru o web mai curată și mai eficientă.

HTML: O prezentare generală

HTML, așa cum o știm astăzi, se numește HTML4 și a fost publicată pentru prima oară în 1997. Da, aceasta înseamnă că am rulat pe HTML4 de peste 15 ani acum, ceea ce este o eternitate în timpurile tehnologice. În jurul anului 2000, o limbă de markup paralelă numită XHTML a început să se dezvolte și sa folosit și de-a lungul anilor, mai ales datorită standardelor mai stricte pe care le impune. În general, totuși, cele două sunt destul de asemănătoare.

Problema cu HTML4 este funcționalitatea limitată. Trebuie extins prin pluginuri, cum ar fi Flash, pentru a oferi mai mult decât text și imagini simple. Multe playere video, de exemplu, au fost create și menținute pe platforma Flash și încorporate în pagini HTML. Multe aplicații web au fost dezvoltate folosind Java și încorporate, de asemenea.

Cu toate aceste pluginuri, devine greu să se mențină standardele corespunzătoare. În mod ideal, fiecare browser ar trebui să afișeze fiecare pagină pe web în același mod pentru a oferi aceeași experiență pentru fiecare utilizator. Pentru a afișa aceleași rezultate în mai multe browsere, dezvoltatorii web trebuie în mod obișnuit să pună în aplicare reparații rapide și hack-uri în diferite porțiuni ale site-ului lor pentru a se potrivi cu diferite procese de randare. Acest lucru devine greoi după un timp.

Pe o notă mai practică, paginile web care necesită pluginuri precum Flash și Java ajung să utilizeze mult mai mult CPU și RAM. V-ați întrebat vreodată de ce browserul dvs. utilizează atât de mult din resursele computerului dvs.? Multe dintre ele pot fi atribuite acestor extensii HTML. Acesta este motivul pentru care Apple a dezactivat suportul Flash pe dispozitivele mobile (pentru a economisi durata de viață a bateriei).

Ce este exact HTML5?

HTML4 a funcționat bine, dar, evident, are o serie de defecte. Echipa din spatele HTML5 are un anumit plan de nivel înalt pentru următorul pas în HTML, ceea ce înseamnă că HTML5 trebuie construit pe următoarele principii:

• Mai puțină dependență de plug-inuri pentru funcționalitate.
• Scrierea trebuie înlocuită cu marcare ori de câte ori este posibil.
• Independența dispozitivului (adică disponibilă pe toate dispozitivele și oferind aceeași experiență finală).
• Procesul de dezvoltare publică, astfel încât oamenii să poată vedea ce se întâmplă.

Mai exact, HTML5 adaugă o grămadă de etichete noi de marcare Top 11 HTML Taguri Fiecare blogger și proprietarul site-ului trebuie să cunoască Top 11 tag-uri HTML Fiecare blogger și proprietarul site-ului trebuie să știe World Wide Web cunoaște multe limbi și este codificat în mai multe diferite. Singura limbă, însă, care se găsește peste tot și a fost în jur de la inventarea paginilor web, este ... Citeste mai mult:

• și
• etichetă care identifică o anumită piesă de conținut singulară, de ex. o postare pe blog sau un comentariu de utilizator.
• etichetă care vă permite să definiți o secțiune generică de conținut; similar cu cea existentă în prezent

  etichetă.
• și pentru marcarea includerii conținutului audio sau video.
• care vă permite să desenați grafică utilizând o limbă de script diferită.
• pentru a încorpora conținut sau aplicații externe în pagină.

De asemenea, HTML5 elimină anumite etichete: , , , , , </strong>, și o mână de alții.</p><p>Specificarea standardelor complete pentru HTML5 este planificată a fi finalizată până în 2014, însă HTML5 a făcut deja progrese și poate fi utilizată pentru a implementa caracteristicile site-ului chiar și astăzi. Specificarea standardelor complete pentru HTML5.1 este prevăzută a fi finalizată până în 2016.</p><h2>De ce HTML5 are importanță pentru dvs.</h2><p>În calitate de utilizator web, veți beneficia de HTML5, deoarece rezolvă cele mai grave probleme din HTML4. Site-urile web vor avea standarde web mai bune, ceea ce va duce la un conținut mai eficient și la performanțe îmbunătățite. Pe măsură ce HTML5 este adoptat pe plan local, paginile web ar trebui să înceapă să se încarce mai repede, mai puțină lățime de bandă ar trebui să fie utilizată și durata de viață a bateriei pe dispozitivele mobile 7 moduri de a vă mări bateria telefonului mobil [iPhone, Android, alte smartphone-uri] Viața bateriei telefonului mobil [iPhone, Android, alte smartphone-uri] De departe una dintre cele mai dezamăgitoare caracteristici din aproape fiecare smartphone în aceste zile este durata de viață a bateriei, care pentru majoritatea dintre noi necesită cel puțin o încărcare pe 24 de ore. Esti ... Citește mai mult ar trebui să dureze mai mult.</p><p>În plus, nu va trebui să păstrați actualizări atât de multe pluginuri ca Flash și Java. Îmi urăsc când trebuie constant să actualizez atât de multe add-uri și plugin-uri pe mai multe browsere. Și ce se întâmplă când una dintre ele este versiunea greșită? Site-urile se opresc din funcțiune și se produce frustrarea. Toate acestea ar trebui să fie tratate atunci când HTML5 devine principalul standard.</p><p><img src="//ephesossoftware.com/img/images/what-is-html5-and-how-does-it-change-the-way-i-browse-[makeuseof-explains]_4.jpg"></p><p>Dacă sunteți doar un utilizator web obișnuit și nu aveți intenții de a codifica sau de a vă menține propriul site web, atunci nu trebuie să faceți nimic pentru a vă bucura de caracteristicile minunate ale HTML5. Toate browserele majore de astăzi acceptă HTML5 într-o mare măsură și probabil că ați profitat de el deja fără să știi. Păstrați browserul actualizat și veți fi bine să plecați.</p><p>Și dacă sunteți un dezvoltator web, HTML5 va face totul mai simplu și mai ușor pentru dvs. În cazul în care totul merge bine, nu va trebui să se ocupe de cazuri de margine în designul web, deoarece toate browserele vor trebui să adere la aceleași standarde.</p><h2>Concluzie</h2><p>HTML5 este viitorul navigării pe Internet și cu siguranță va revoluționa modul în care navigăm pe internet. Chiar și sub natura limitată a HTML4, dezvoltatorii au creat câteva site-uri web minunate, deci va fi interesant să vedem ce fel de progrese plăcute vor face cu funcționalitatea HTML5.</p><p>Sperăm că acum puteți vedea HTML5 într-o lumină mai clară și să vedeți de ce a fost hiped până la fel de mult ca și ea. Puteți continua de învățare pe aceste zece site-uri de asemenea, care vă arată ce HTML5 este totul despre 10 site-uri pentru a vedea Ce HTML5 este totul despre 10 site-uri pentru a vedea ce HTML5 este tot despre Citește mai mult. De asemenea, ar trebui să consultați tutorialul HTML5 pentru a afla mai multe. Dacă aveți întrebări, vă rugăm să întrebați în comentarii și voi face tot posibilul pentru a vă răspunde.</p><p><small>Credite de imagine: HTML5 prin Shutterstock, cod HTML prin Shutterstock, HTML5 Tag Cloud prin Shutterstock, Guy pe laptop prin Shutterstock</small></p> <p><small>Explorați mai multe despre: HTML, HTML5, Programare, Dezvoltare Web.</small></p> </div> <div class="rek-block"> <center> <ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-3810161443300697" data-ad-slot="3145557800"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </center> </div> <div class="row PageNavigation d-flex justify-content-between font-weight-bold"> <a class="prev d-block col-md-6" href="/articles/security/what-is-hsts-and-how-does-it-protect-https-from-hackers.html"> « Ce este HSTS și cum protejează HTTPS-ul de la hackeri?</a> <a class="next d-block col-md-6 text-lg-right" href="/articles/technology-explained/what-is-http2-and-how-does-it-affect-the-internets-future.html">Ce este HTTP / 2 și cum afectează viitorul internetului? » </a> <div class="clearfix"></div> </div> </div> </div> </div> </div> </div> </div> <footer class="footer"> <div class="site-langs-list"> <ul> <li class="site-lang"><a href="https://ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-DE"></i>Deutsch</a></li> <li class="site-lang"><a href="https://nl.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-NL"></i>Nederlands</a></li> <li class="site-lang"><a href="https://sv.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-SE"></i>Svenska</a></li> <li class="site-lang"><a href="https://no.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-NO"></i>Norsk</a></li> <li class="site-lang"><a href="https://it.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-IT"></i>Italiano</a></li> <li class="site-lang"><a href="https://fr.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-FR"></i>Français</a></li> <li class="site-lang"><a href="https://es.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-ES"></i>Español</a></li> <li class="site-lang"><a href="https://ro.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-RO"></i>Românesc</a></li> </ul> </div> <div class="container"> <div class="row"> <div class="col-md-6 col-sm-6 text-center text-lg-left"> © <script> var currentTime = new Date(); var year = currentTime.getFullYear(); document.write(year); </script> <a href="https://ro.ephesossoftware.com">ro.ephesossoftware.com</a> </div> <div class="col-md-6 col-sm-6 text-center text-lg-right"> <span>Știri din lumea tehnologiei moderne!</span> </div> </div> </div> </footer> </div> <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" /> <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#edeff5", "text": "#838391" }, "button": { "background": "#4b81e8" } }, "theme": "classic", "position": "bottom-right" })}); </script> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="https://unpkg.com/simple-jekyll-search@1.5.0/dest/simple-jekyll-search.min.js"></script> <script> SimpleJekyllSearch({ searchInput: document.getElementById('search-input'), resultsContainer: document.getElementById('results-container'), json: '/search.json', searchResultTemplate: '<li><a href="{url}">{title}</a></li>' }) </script> </body> </html>