Dodici funzionalità che gli sviluppatori si aspettano dal prossimo HTML6

Pubblicato: 2017-01-17

HTML5 ha avuto un successo fenomenale tra gli sviluppatori. Ha facilitato gli sviluppatori nell'organizzazione dei contenuti in modo più pertinente con i nuovi tag come <article> , <section> , <header> ecc.

Gli sviluppatori godono della libertà di utilizzare l'attributo type di tag come <link> e <script> . Sebbene HTML5 abbia apportato un cambio di paradigma nella programmazione Web, presenta limitazioni nello sviluppo di app native sul Web e altri problemi.

Come sviluppatore, vuoi sempre offrire soluzioni web efficaci ed efficienti e ci si aspetta che HTML6 ti aiuti a raggiungere questo obiettivo. Pertanto, gli sviluppatori di tutto il mondo sono ansiosi di abbracciare HTML6. È interessante vedere come le caratteristiche attese di HTML6 cambierebbero il dominio di sviluppo web.

Ecco alcune delle aspettative più popolari della Dev Community per il prossimo HTML6:

Tag espressi

È probabile che HTML6 faciliti gli sviluppatori con tag express. Puoi utilizzare <logo></logo> per assegnare un logo alla pagina web. Allo stesso modo, i <sidebar></sidebar> e <navigation></navigation> integreranno rispettivamente la barra laterale e la navigazione.

Inoltre, il tag <div> può essere utilizzato senza utilizzare più ID. Ad esempio puoi semplicemente usare <container> o <wrapper> invece di scrivere <div id='container'> e <div id='wrapper'> .

Spazi dei nomi simili a XML

Si prevede che HTML6 verrà fornito con spazi dei nomi della struttura simile a XML. Tali spazi dei nomi aiuteranno gli sviluppatori a utilizzare lo stesso tag senza alcun conflitto con un altro tag. In altre parole, HTML6 offrirà il vantaggio di utilizzare i tag desiderati oltre ai tag definiti.

Documento HTML6

[xhtml]
<!DOCTYPE html>
<html:html>
<html:testa>
<html:title>Uno sguardo su HTML6</html:title>
<html:meta type="title" value="Titolo pagina">
<html:meta type="description" value="esempio HTML con spazi dei nomi">
<html:link src="css/mainfile.css" title="Stili" type="text/css">
<html:link src="js/mainfile.js" title="Script" type="text/javascript">
</html:testa>
<html:corpo>
<intestazione>
<logo>
<html:media type="image" src="images/xyz.png">
</logo>
<navigazione>
<html:a href="/img1">a1</a>
<html:a href="/img2">a2</a>
</nav>
</intestazione>
<contenuto>
<articolo>
<h1>Intestazione dell'articolo principale</h1>
<h2>Sottotitolo dell'articolo principale</h2>
<p>[...]</p>
<p>[...]</p>
</articolo>
<articolo>
<h1>Il concetto di HTML6</h1>
<h2>Capire le basi</h2>
<p>[...]</p>
</articolo>
</contenuto>
<piè di pagina>
<copyright>Questo sito è &copy; ad Anonimo 2017</copyright>
</piè di pagina>
</html:corpo>
</html:html>
[/xhtml]

In questo documento, abbiamo alcuni strani <html: x> . Sono gli elementi con spazio dei nomi che appartengono alle specifiche W3C e HTML6 e sono utili per attivare gli eventi del browser. Ad esempio, <html: title> cambierà la barra del titolo del browser e <html: media> aiuterà l'immagine definita ad apparire sullo schermo del browser. Questi elementi non hanno nulla a che fare con il browser. Possono consentire agli sviluppatori di rendere il codice di esempio più semantico.

Controllo oggetti video aggiuntivo

HTML6 offrirà un maggiore controllo sull'oggetto video per migliorare l'esperienza video per gli utenti. Sebbene gli sviluppatori non possano eliminare il codec di compressione, possono modificarlo con diversi algoritmi di compressione.

È previsto un maggiore controllo sulla pittura dei fotogrammi video su una pagina insieme a migliori hook di richiamata e meccanismi di sincronizzazione. Possiamo anche aspettarci la possibilità di combinare DOM con video nella prossima versione HTML.

[xhtml]
<! – Esempio video semplice –>
<video src="videofile.webm" autoplay poster="posterimage.jpg"> Spiacenti, il tuo browser non supporta i video incorporati, ma non preoccuparti, puoi <a href="videofile.webm">scaricarlo</ a> e guardalo con il tuo video player preferito!
</video>

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

Biblioteche dedicate e ricche

JQuery ha trasformato il mondo di JavaScript per quanto riguarda le librerie standard. Il prossimo standard di HTML potrebbe fornire librerie garantite distribuite con il browser. Farebbe risparmiare più tempo durante l'aggiornamento della versione cache di jQuery 1.9. In altre parole, sta per arrivare la versione memorizzabile nella cache delle librerie. Se molti designer utilizzano una libreria specifica, potrebbe essere distribuita con il browser in una nuova versione HTML6.

Annotazione migliorata

L'annotazione non dovrebbe limitarsi alle sezioni di commento alla base degli articoli. Una struttura standard può aggiungere annotazioni per paragrafi, frasi e parole. Anche immagini e momenti all'interno del video possono essere annotati in una versione sofisticata. La standardizzazione dell'API consente a tutti i siti Web e browser di trattare le annotazioni di base allo stesso modo. Le opzioni di annotazione migliorate sono attese dalla comunità degli sviluppatori.

Integrazione della fotocamera

La fotocamera gioca un ruolo fondamentale nelle nostre interazioni a casa e in ufficio. Si prevede che HTML6 consenta in molti modi tutti i contenuti multimediali sui nostri dispositivi. Potrebbe offrire un maggiore controllo sulla fotocamera attraverso il browser, i moduli o altri sistemi. L'acquisizione delle immagini, il filtraggio al volo, gli effetti della fotocamera sono alcuni degli aspetti che possono essere affrontati. Un'altra possibilità è quella di consentire più formati sia per il video che per la fotografia, facilitando al contempo la creazione di immagini panoramiche e HDR.

Autenticazione più rigida

Il browser potrebbe offrire di più quando si tratta di autenticazione. Ad esempio, invece di utilizzare i cookie, il browser potrebbe offrire di firmare token con chiavi incorporate che possono essere archiviate in chip rinforzati. Impedisce alle persone (leggi: hacker) di accedere tramite la chiave segreta. L'API potrebbe essere aggiunta al browser per consentire ai siti Web di richiedere firme digitali migliori. In un certo senso, l'autenticazione potrebbe diventare più forte per migliorare la sicurezza.

Microformati

Dettagli comuni come parti di un indirizzo o un numero di telefono possono essere specificati utilizzando un metodo standard chiamato microformati in HTML6. Potremmo ottenere una risposta rapida dai crawler Web e dai motori di ricerca con un set standard di tag. Gli sviluppatori possono utilizzare markup più completi per posizioni, date, orari, bibliografie e tutte le forme di dati standard per creare informazioni dettagliate. Possiamo anche aspettarci codici telefonici specifici per paese. Gli sviluppatori cercano anche flessibilità nel modificare il formato della data. In questo momento, è impostato di default con quello degli Stati Uniti. In un certo senso, i microformati diventerebbero più forti e flessibili in HTML6.

Pre-processori

I preprocessori collegabili potrebbero essere integrati in HTML6 per convertire le lingue in JavaScript. Oggi, Lisp, Python, Ruby, Erlang, Scala e molti altri linguaggi possono essere compilati in JavaScript e la prossima versione HTML può portare un preprocessore per servire questo obiettivo. Quando uno di questi linguaggi viene compilato in modo incrociato in JavaScript, viene prodotta una versione più piccola che potrebbe essere prontamente inviata tramite pipe su Internet. HTML5 è una versione generale di JavaScript che rende più difficile l'ottimizzazione del codice per la macchina locale.

Lingue collegabili

Non possiamo escludere l'arrivo di un insieme di lingue collegabili con la prossima versione di HTML. Aumenterebbe la flessibilità offrendo più scelte di progettazione per gli sviluppatori. Sebbene JavaScript possa continuare su vasta scala, in futuro potrebbero venire fuori estensioni specializzate con un linguaggio specializzato. Gli sviluppatori vogliono anche tag HTML in grado di generare una serie di codici per soddisfare le richieste.

Ridimensionamento automatico delle immagini tramite browser

L'aspetto di un'immagine dipende da vari aspetti come il tipo di dispositivi e le dimensioni della finestra. Il tag standard <img> dell'HTML ha un solo SRC che può creare problemi al browser durante la visualizzazione di un'immagine. Tuttavia, un protocollo HTML migliore potrebbe suggerire la larghezza o l'altezza desiderate per un'immagine e il server potrebbe fornire la risoluzione ottimale. In un certo senso, il ridimensionamento delle immagini tramite browser sta per arrivare in HTML6.

Accesso protetto alle informazioni di contatto

Persone o visitatori spesso vogliono ottenere un indirizzo e-mail o un numero di contatto per il database dei loro dispositivi. In questo momento, possono farlo con il taglia e incolla. Si prevede che JavaScript salverà le persone da questo taglia e incolla nella nuova versione di HTML6. Nei dispositivi mobili, l'interfaccia potrebbe offrire un accesso protetto alle informazioni di contatto delle persone.

Conclusione

Non è tutto. Gli sviluppatori vogliono che HTML6 renda personalizzabile la convalida dei moduli. In questo momento, viene fornito per impostazione predefinita e non modificabile. Inoltre, nel mondo mobile, la prossima versione HTML potrebbe fornire una funzione di localizzazione tramite GPS in un browser mobile. Alcune altre idee per le funzionalità includono il supporto Bluetooth, la protezione antimalware integrata e la capacità di trasferire file da peer a peer, ecc. Sono anche in cantiere per il prossimo HTML6.

Il palcoscenico è pronto per HTML6. Aspettiamo che arrivi l'ultima versione che può portare il cambiamento radicale nel processo di sviluppo web.

Buon sviluppo web!