Douze fonctionnalités que les développeurs attendent du prochain HTML6

Publié: 2017-01-17

HTML5 a un succès phénoménal parmi les développeurs. Il a aidé les développeurs à organiser le contenu de manière plus pertinente avec les nouvelles balises comme <article> , <section> , <header> etc.

Les développeurs sont libres d'utiliser l'attribut type à partir de balises telles que <link> et <script> . Bien que HTML5 ait apporté un changement de paradigme dans la programmation Web, il présente des limites dans le développement d'applications natives sur le Web et d'autres problèmes.

En tant que développeur, vous souhaitez toujours proposer des solutions Web efficaces et efficientes, et HTML6 devrait vous aider à atteindre cet objectif. Par conséquent, les développeurs du monde entier sont impatients d'adopter HTML6. Il est intéressant de voir comment les fonctionnalités attendues de HTML6 modifieraient le domaine du développement Web.

Voici quelques-unes des attentes les plus populaires de la communauté des développeurs pour le prochain HTML6 :

Balises Express

HTML6 est susceptible de faciliter les développeurs avec des balises express. Vous pouvez utiliser <logo></logo> pour attribuer un logo à la page Web. De même, les balises <sidebar></sidebar> et <navigation></navigation> intégreront respectivement la barre latérale et la navigation.

De plus, la <div> peut être utilisée sans utiliser plusieurs identifiants. Par exemple, vous pouvez simplement utiliser <container> ou <wrapper> au lieu d'écrire <div id='container'> et <div id='wrapper'> .

Espaces de noms de type XML

On s'attend à ce que HTML6 vienne avec des espaces de noms de la structure de type XML. Ces espaces de noms aideront les développeurs à utiliser la même balise sans aucun conflit avec une autre balise. En d'autres termes, HTML6 offrira l'avantage d'utiliser les balises souhaitées en plus des balises définies.

Documents HTML6

[xhtml]
<!DOCTYPE html>
<html:html>
<html:tête>
<html:title>Un regard sur HTML6</html:title>
<html:meta type="title" value="Titre de la page">
<html:meta type="description" value="Exemple HTML avec espaces de noms">
<html:link src="css/mainfile.css" title="Styles" type="text/css">
<html:link src="js/mainfile.js" title="Script" type="text/javascript">
</html:tête>
<html:corps>
<en-tête>
<logo>
<html:media type="image" src="images/xyz.png">
</logo>
<navi>
<html:a href="/img1">a1</a>
<html:a href="/img2">a2</a>
</nav>
</header>
<contenu>
<article>
<h1>Titre de l'article principal</h1>
<h2>Sous-titre de l'article principal</h2>
<p>[…]</p>
<p>[…]</p>
</article>
<articles>
<h1>Le concept de HTML6</h1>
<h2>Comprendre les bases</h2>
<p>[…]</p>
</article>
</contenu>
<pied de page>
<copyright>Ce site est &copy; à Anonyme 2017</copyright>
</footer>
</html:corps>
</html:html>
[/xhtml]

Dans ce document, nous avons quelques balises <html: x> étranges. Ce sont les éléments d'espace de noms appartenant aux spécifications W3C et HTML6 et sont utiles pour déclencher des événements de navigateur. Par exemple, le <html: title> changera la barre de titre du navigateur et le <html: media> aidera l'image définie à apparaître sur l'écran du navigateur. Ces éléments n'ont rien à voir avec le navigateur. Ils peuvent permettre aux développeurs de rendre l'exemple de code plus sémantique.

Contrôle d'objet vidéo supplémentaire

HTML6 va offrir plus de contrôle sur l'objet vidéo pour améliorer l'expérience vidéo des utilisateurs. Bien que les développeurs ne puissent pas se débarrasser du codec de compression, ils peuvent l'ajuster avec différents algorithmes de compression.

Un contrôle accru sur la peinture des images vidéo sur une page est attendu, ainsi que de meilleurs crochets de rappel et mécanismes de synchronisation. Nous pouvons également nous attendre à pouvoir mélanger DOM avec de la vidéo dans la prochaine version HTML.

[xhtml]
< ! – Exemple vidéo simple –>
<video src="videofile.webm" autoplay poster="posterimage.jpg"> Désolé, votre navigateur ne prend pas en charge les vidéos intégrées, mais ne vous inquiétez pas, vous pouvez <a href="videofile.webm">le télécharger</ a> et regardez-le avec votre lecteur vidéo préféré !
</vidéo>

< ! – Vidéo avec sous-titres –>
<vidéo 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">
</vidéo>
[/xhtml]

Bibliothèques dédiées et riches

JQuery a transformé le monde de JavaScript en ce qui concerne les bibliothèques standard. Le prochain standard de HTML pourrait proposer des bibliothèques garanties distribuées avec le navigateur. Cela permettrait de gagner plus de temps lors de l'actualisation de la version en cache de jQuery 1.9. En d'autres termes, la version cacheable des bibliothèques est sur le point d'arriver. Si de nombreux concepteurs utilisent une bibliothèque spécifique, celle-ci pourrait être distribuée avec le navigateur dans une nouvelle version HTML6.

Annotation améliorée

L'annotation ne doit pas se limiter aux sections de commentaires à la base des articles. Une structure standard peut ajouter des annotations pour les paragraphes, les phrases et les mots. Même les images et les moments à l'intérieur de la vidéo peuvent également être annotés dans une version sophistiquée. La normalisation de l'API permet à tous les sites Web et navigateurs de traiter les annotations de base de la même manière. Des options d'annotation améliorées sont attendues par la communauté des développeurs.

Intégration de la caméra

La caméra joue un rôle essentiel dans nos interactions à la maison et au bureau. HTML6 devrait autoriser tous les contenus multimédias sur nos appareils de plusieurs manières. Cela pourrait offrir plus de contrôle sur la caméra à travers le navigateur, les formulaires ou d'autres systèmes. La capture d'image, le filtrage à la volée, les effets de caméra sont quelques-uns des aspects qui peuvent être abordés. Une autre possibilité consiste à autoriser plusieurs formats pour la vidéo et la photographie tout en facilitant la création d'images panoramiques et HDR.

Authentification plus stricte

Le navigateur pourrait offrir plus en matière d'authentification. Par exemple, au lieu d'utiliser des cookies, le navigateur pourrait proposer de signer des jetons avec des clés intégrées pouvant être stockées dans des puces renforcées. Il empêche les personnes (lire : les pirates) d'accéder via la clé secrète. Une API pourrait être ajoutée au navigateur pour permettre aux sites Web de demander de meilleures signatures numériques. D'une certaine manière, l'authentification pourrait devenir plus forte pour renforcer la sécurité.

Microformats

Des détails communs comme des parties d'une adresse ou un numéro de téléphone peuvent être spécifiés en utilisant une méthode standard appelée microformats en HTML6. Nous pourrions obtenir une réponse rapide des robots Web et des moteurs de recherche avec un ensemble standard de balises. Les développeurs peuvent utiliser des balisages plus complets pour les lieux, les dates, les heures, les bibliographies et toutes les formes de données standard pour créer des informations détaillées. Nous pouvons également nous attendre à des codes téléphoniques spécifiques à chaque pays. Les développeurs recherchent également la flexibilité dans la modification du format de date. À l'heure actuelle, il est défini par défaut sur celui des États-Unis. D'une certaine manière, les microformats deviendraient plus forts et flexibles en HTML6.

Pré-processeurs

Des préprocesseurs enfichables pourraient être intégrés à HTML6 pour convertir les langages en JavaScript. Aujourd'hui, Lisp, Python, Ruby, Erlang, Scala et de nombreux autres langages peuvent être compilés en JavaScript, et la prochaine version HTML peut apporter un pré-processeur pour servir cet objectif. Lorsque l'un de ces langages est compilé de manière croisée en JavaScript, il produit une version plus petite qui peut être facilement transmise sur Internet. HTML5 est une version générale de JavaScript qui rend l'optimisation du code plus difficile pour la machine locale.

Langues enfichables

Nous ne pouvons pas exclure l'arrivée d'un ensemble de langues enfichables avec la prochaine version de HTML. Cela augmenterait la flexibilité tout en offrant plus de choix de conception aux développeurs. Bien que JavaScript puisse continuer sur une large base, des extensions spécialisées avec un langage spécialisé pourraient apparaître à l'avenir. Les développeurs veulent également des balises HTML capables de générer un ensemble de codes pour répondre aux demandes.

Dimensionnement automatisé des images par le navigateur

L'apparence d'une image dépend de divers aspects comme le type d'appareils et la taille de la fenêtre. La <img> standard de HTML n'a qu'un seul code SRC qui peut gêner le navigateur lors de l'affichage d'une image. Cependant, un meilleur protocole HTML pourrait suggérer une largeur ou une hauteur souhaitée pour une image, et le serveur pourrait fournir la résolution optimale. D'une certaine manière, le dimensionnement des images par le navigateur est sur le point d'arriver en HTML6.

Accès sécurisé aux coordonnées

Les personnes ou les visiteurs souhaitent souvent obtenir une adresse e-mail ou un numéro de contact pour la base de données de leurs appareils. Pour le moment, ils peuvent le faire par copier-coller. On s'attend à ce que JavaScript sauve les gens de ce copier-coller dans la nouvelle version de HTML6. Dans les appareils mobiles, l'interface pourrait offrir un accès protégé aux informations de contact des personnes.

Conclusion

Ce n'est pas tout. Les développeurs veulent que HTML6 rende la validation de formulaire personnalisable. À l'heure actuelle, il vient par défaut et non modifiable. De plus, dans le monde axé sur le mobile, la prochaine version HTML pourrait offrir une fonction de localisation utilisant le GPS dans un navigateur mobile. Certaines autres idées de fonctionnalités incluent la prise en charge Bluetooth, la protection intégrée contre les logiciels malveillants et la possibilité de transférer des fichiers d'un poste à l'autre, etc. sont également en préparation pour le prochain HTML6.

Le décor est planté pour HTML6. Attendons la sortie de la dernière version qui apportera un changement radical dans le processus de développement Web.

Bon développement Web !