Douăsprezece funcții pe care dezvoltatorii se așteaptă de la viitorul HTML6

Publicat: 2017-01-17

HTML5 a avut un succes fenomenal în rândul dezvoltatorilor. Le-a facilitat dezvoltatorilor să organizeze conținutul într-un mod mai relevant cu noile etichete precum <article> , <section> , <header> etc.

Dezvoltatorii se bucură de libertate de a folosi atributul tip din etichete precum <link> și <script> . Deși HTML5 a adus o schimbare de paradigmă în programarea web, are limitări în dezvoltarea de aplicații native pe web și alte probleme.

În calitate de dezvoltator, doriți întotdeauna să oferiți soluții web eficiente și eficiente, iar HTML6 este de așteptat să vă ajute să atingeți acest obiectiv. Prin urmare, dezvoltatorii din întreaga lume sunt dornici să îmbrățișeze HTML6. Este interesant de văzut cum caracteristicile așteptate ale HTML6 ar schimba domeniul de dezvoltare web.

Iată câteva dintre cele mai populare așteptări din partea comunității dezvoltatorilor pentru viitorul HTML6:

Etichete Express

HTML6 este probabil să faciliteze dezvoltatorii cu etichete expres. Puteți utiliza <logo></logo> pentru a atribui o siglă paginii web. În mod similar, etichetele <sidebar></sidebar> și <navigation></navigation> vor integra bara laterală și, respectiv, navigarea.

De asemenea, eticheta <div> poate fi utilizată fără a utiliza mai multe ID-uri. De exemplu, puteți utiliza pur și simplu <container> sau <wrapper> în loc să scrieți <div id='container'> și <div id='wrapper'> .

Spații de nume asemănătoare XML

Este de așteptat ca HTML6 să vină cu spații de nume cu o structură asemănătoare XML. Astfel de spații de nume îi vor ajuta pe dezvoltatori să folosească aceeași etichetă fără niciun conflict cu o altă etichetă. Cu alte cuvinte, HTML6 va oferi avantajul utilizării etichetelor dorite în plus față de etichetele definite.

Document HTML6

[xhtml]
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>O privire asupra HTML6</html:title>
<html:meta type="title" value="Titlul paginii">
<html:meta type="description" value="Exemplu HTML cu spații de nume">
<html:link src="css/mainfile.css" title="Styles" type="text/css">
<html:link src="js/mainfile.js" title="Script" type="text/javascript">
</html:head>
<html:corp>
<header>
<logo>
<html:media type="image" src="images/xyz.png">
</logo>
<nav>
<html:a href="/img1">a1</a>
<html:a href="/img2">a2</a>
</nav>
</header>
<conținut>
<articol>
<h1>Titul articolului principal</h1>
<h2>Subtitlu al articolului principal</h2>
<p>[…]</p>
<p>[…]</p>
</articol>
<articol>
<h1>Conceptul de HTML6</h1>
<h2>Înțelegerea elementelor de bază</h2>
<p>[…]</p>
</articol>
</conținut>
<subsol>
<copyright>Acest site este &copy; la Anonymous 2017</copyright>
</footer>
</html:body>
</html:html>
[/xhtml]

În acest document, avem câteva etichete ciudate <html: x> . Acestea sunt elementele spațiate de nume aparțin specificațiilor W3C și HTML6 și sunt utile pentru declanșarea evenimentelor din browser. De exemplu, <html: title> va schimba bara de titlu a browserului, iar <html: media> va ajuta imaginea definită să apară pe ecranul browserului. Aceste elemente nu au nicio legătură cu browserul. Acestea pot permite dezvoltatorilor să facă codul eșantion mai semantic.

Control suplimentar obiectelor video

HTML6 va oferi mai mult control asupra obiectului video pentru a îmbunătăți experiența video pentru utilizatori. Deși dezvoltatorii nu pot scăpa de codecul de compresie, îl pot ajusta cu diferiți algoritmi de compresie.

Este de așteptat un control mai mare asupra pictării cadrelor video pe o pagină, împreună cu cârlige de apelare și mecanisme de sincronizare mai bune. De asemenea, ne putem aștepta la capacitatea de a amesteca DOM cu video în viitoarea versiune HTML.

[xhtml]
<! – Exemplu video simplu –>
<video src="videofile.webm" autoplay poster="posterimage.jpg"> Ne pare rău, browserul dvs. nu acceptă videoclipuri încorporate, dar nu vă faceți griji, îl puteți <a href="videofile.webm">descărcați</ a> și urmăriți-l cu playerul dvs. video preferat!
</video>

<! – Video cu subtitrare –>
<video src="foo.webm">
<track kind="subtitles" src="foo.en.vtt" srclang="en" label="English">
<track kind="subtitles" src= "foo.sv.vtt" srclang="sv" label="Svenska">
</video>
[/xhtml]

Biblioteci dedicate și bogate

JQuery a transformat lumea JavaScript în ceea ce privește bibliotecile standard. Următorul standard de HTML ar putea veni cu biblioteci garantate distribuite cu browserul. Ar economisi mai mult timp în timp ce actualizați versiunea cache a jQuery 1.9. Cu alte cuvinte, versiunea cache a bibliotecilor este pe cale să apară. Dacă mulți designeri folosesc o anumită bibliotecă, aceasta ar putea fi distribuită împreună cu browserul într-o nouă versiune HTML6.

Adnotare îmbunătățită

Adnotarea nu trebuie să se limiteze la secțiunile de comentarii de la baza articolelor. O structură standard poate adăuga adnotări pentru paragrafe, propoziții și cuvinte. Chiar și imaginile și momentele din interiorul video pot fi, de asemenea, adnotate într-o versiune sofisticată. Standardizarea API-ului permite tuturor site-urilor web și browserelor să trateze adnotările de bază în același mod. Opțiuni de adnotare îmbunătățite sunt așteptate de comunitatea de dezvoltatori.

Integrarea camerei

Camera foto joacă un rol vital în interacțiunile noastre acasă și la birou. Se așteaptă ca HTML6 să permită tot conținutul media pe dispozitivele noastre în multe feluri. Ar putea oferi mai mult control asupra camerei prin browser, formulare sau alte sisteme. Captarea imaginii, filtrarea din mers, efectele camerei sunt câteva dintre aspectele care pot fi abordate. O altă posibilitate este de a permite formate multiple atât pentru video, cât și pentru fotografie, facilitând în același timp crearea de imagini panoramice și HDR.

Autentificare mai dură

Browserul ar putea oferi mai mult atunci când vine vorba de autentificare. De exemplu, în loc să folosească cookie-uri, browserul ar putea oferi să semneze jetoane cu chei încorporate care pot fi stocate în cipuri întărite. Împiedică oamenii (a se citi: hackeri) să obțină acces prin cheia secretă. API-ul ar putea fi adăugat în browser pentru a permite site-urilor web să solicite semnături digitale mai bune. Într-un fel, autentificarea ar putea deveni mai puternică pentru a spori securitatea.

Microformate

Detaliile comune, cum ar fi părți ale unei adrese sau ale unui număr de telefon, pot fi specificate folosind un mod standard numit microformate în HTML6. Am putea obține un răspuns rapid de la crawlerele web și motoarele de căutare cu un set standard de etichete. Dezvoltatorii pot folosi markupuri mai cuprinzătoare pentru locații, date, ore, bibliografii și toate formele de date standard pentru a crea informații detaliate. De asemenea, ne putem aștepta la coduri telefonice specifice țării. Dezvoltatorii caută, de asemenea, flexibilitate în schimbarea formatului datei. În acest moment, este setat implicit cu cel al SUA. Într-un fel, microformatele ar deveni mai puternice și mai flexibile în HTML6.

Pre-procesoare

Preprocesoarele conectabile ar putea fi integrate în HTML6 pentru conversia limbilor în JavaScript. Astăzi, Lisp, Python, Ruby, Erlang, Scala și multe alte limbi pot fi compilate în JavaScript, iar viitoarea versiune HTML poate aduce un pre-procesor pentru a îndeplini acest obiectiv. Atunci când oricare dintre aceste limbi este compilată încrucișat în JavaScript, produce o versiune mai mică care ar putea fi transmisă cu ușurință pe Internet. HTML5 este o versiune generală a JavaScript care face optimizarea codului mai dificilă pentru mașina locală.

Limbi conectabile

Nu putem exclude sosirea unui set de limbi conectabile cu viitoarea versiune de HTML. Ar crește flexibilitatea, oferind în același timp mai multe opțiuni de design pentru dezvoltatori. Deși JavaScript ar putea continua pe o bază largă, extensii specializate cu un limbaj specializat ar putea apărea în viitor. Dezvoltatorii doresc, de asemenea, etichete HTML care pot genera o mulțime de coduri pentru a satisface cerințele.

Dimensiunea automată a imaginilor în browser

Aspectul unei imagini depinde de diverse aspecte, cum ar fi tipul de dispozitive și dimensiunea ferestrei. Eticheta standard <img> a HTML are un singur SRC care poate deranja browserul în timp ce afișează o imagine. Cu toate acestea, un protocol HTML mai bun ar putea sugera lățimea sau înălțimea dorită pentru o imagine, iar serverul ar putea oferi rezoluția optimă. Într-un fel, dimensionarea imaginilor în browser este pe cale să apară în HTML6.

Acces securizat la informațiile de contact

Oamenii sau vizitatorii doresc adesea să obțină o adresă de e-mail sau un număr de contact pentru baza de date a dispozitivelor lor. În acest moment, pot face acest lucru prin tăierea și lipirea. Este de așteptat ca JavaScript să salveze oamenii de la această tăiere și lipire în noua versiune de HTML6. În dispozitivele mobile, interfața ar putea oferi un acces păzit pentru informațiile de contact persoanelor.

Concluzie

Asta nu e tot. Dezvoltatorii doresc ca HTML6 să facă validarea formularelor personalizabilă. Momentan, vine implicit și nu poate fi schimbat. În plus, în lumea bazată pe dispozitive mobile, viitoarea versiune HTML ar putea oferi o facilitate de urmărire a locației utilizând GPS într-un browser mobil. Alte idei de caracteristici includ suport Bluetooth, protecție încorporată împotriva programelor malware și capacitatea de a transfera fișiere de la egal la egal etc. sunt, de asemenea, în curs de dezvoltare pentru viitorul HTML6.

Scena este pregătită pentru HTML6. Să așteptăm până vine cea mai recentă versiune care poate aduce schimbarea radicală în procesul de dezvoltare web.

Dezvoltare web fericită!