Qu'est-ce que HTML5 et comment change-t-il ma façon de naviguer? [MakeUseOf explique]

Au cours des dernières années, vous avez peut-être entendu le terme HTML5 de temps en temps. Que vous sachiez quoi que ce soit sur le développement Web ou non, le concept peut être quelque peu nébuleux et déroutant. Évidemment, il s’agit de la prochaine étape du langage HTML, mais que fait-il exactement? Pourquoi y a-t-il tant d'excitation autour de ça? Et pourquoi est-ce important pour toi?

HTML, ou HyperText Markup Language, est l’élément le plus important du World Wide Web. C'est le langage utilisé pour décrire à quoi une page Web devrait ressembler. Cependant, le langage HTML en soi est assez ennuyeux car il ne peut fournir que des pages statiques; Afin de répondre à la demande croissante de fonctionnalités Web plus impressionnantes, HTML a été associé à des plugins tels que CSS, Flash, Java, Silverlight, etc..

C'est devenu un véritable fouillis et différents navigateurs implémentent ces fonctionnalités à leur manière. HTML5 est destiné à résoudre les gros problèmes de HTML pour un Web plus propre et plus efficace.

HTML: un aperçu

Le HTML tel que nous le connaissons aujourd'hui s'appelle HTML4 et il a été publié pour la première fois en 1997. Oui, cela signifie que nous utilisons le HTML4 depuis plus de 15 ans, ce qui est une éternité dans le monde de la technologie. Vers 2000, un langage de balisage parallèle appelé XHTML a commencé le développement et a également été utilisé au fil des ans, principalement en raison des normes plus strictes qu'il impose. En général, cependant, les deux sont assez similaires.

Le problème avec HTML4 est sa fonctionnalité limitée. Il doit être étendu via des plugins, comme Flash, pour fournir davantage que du texte et des images simples. De nombreux lecteurs vidéo, par exemple, ont été créés et gérés sur la plate-forme Flash et intégrés dans des pages HTML. De nombreuses applications Web ont été développées en Java et intégrées..

Avec tous ces plugins, il devient difficile de maintenir des normes appropriées. Idéalement, chaque navigateur devrait afficher chaque page du Web de la même manière afin de fournir la même expérience à chaque utilisateur. Pour afficher les mêmes résultats sur plusieurs navigateurs, les développeurs Web doivent généralement implémenter des solutions rapides et des hacks dans diverses parties de leur site afin de prendre en charge différents processus de rendu. Cela devient lourd au bout d'un moment.

Sur une note plus pratique, les pages Web nécessitant des plugins tels que Flash et Java utilisent beaucoup plus de ressources de processeur et de RAM. Vous êtes-vous déjà demandé pourquoi votre navigateur utilise autant des ressources de votre ordinateur? Une grande partie peut être attribuée à ces extensions HTML. C'est l'une des raisons pour lesquelles Apple a désactivé la prise en charge de Flash sur ses appareils mobiles (pour économiser la batterie).

Qu'est-ce que c'est HTML5??

HTML4 a bien fonctionné, mais il présente évidemment un certain nombre de défauts. L'équipe derrière HTML5 a un certain plan de haut niveau pour la prochaine étape de HTML, ce qui signifie que HTML5 doit être construit sur les principes suivants:

• Moins de dépendance sur les plugins pour la fonctionnalité.
• Les scripts doivent être remplacés par du balisage dans la mesure du possible..
• Indépendance de l'appareil (c'est-à-dire disponible sur tous les appareils et offrant la même expérience finale).
• Processus de développement public pour que les gens puissent voir ce qui se passe.

Plus spécifiquement, HTML5 ajoute toute une série de balises de balisage. Top 11 des balises HTML que chaque blogueur et tout propriétaire de site Web doivent connaître Top 11 des balises HTML que chaque propriétaire de blogueur et de site Web doit connaître Le World Wide Web connaît de nombreuses langues et est codé en plusieurs. La seule langue que l’on puisse trouver partout et qui existe depuis l’invention des pages Web est la… Lire la suite:

• et
• balise qui identifie un contenu spécifique et singulier, par exemple un article de blog ou un commentaire d'utilisateur.
• balise qui vous permet de définir une section générique de contenu; semblable à l'actuel

  étiquette.
• et balises pour marquer l'inclusion de contenu audio ou vidéo.
• balise qui vous permet de dessiner des graphiques en utilisant un langage de script séparé.
• balise pour intégrer du contenu externe ou des applications à la page.

HTML5 déprécie également certaines balises: , , , , , </strong>, et une poignée d'autres.</p><p>La spécification complète des normes pour HTML5 devrait être achevée d’ici 2014, mais HTML5 a déjà fait de nombreux progrès et il peut être utilisé pour mettre en œuvre les fonctionnalités du site, même aujourd’hui. La spécification complète des normes pour HTML5.1 devrait être achevée d'ici 2016.</p><h2>Pourquoi le HTML5 compte pour vous</h2><p>En tant qu'utilisateur Web, vous tirerez parti de HTML5 car il résout les problèmes les plus criants de HTML4. Les sites Web auront de meilleures normes Web, ce qui se traduira par un contenu plus efficace et des performances améliorées. Comme le HTML5 est adopté à tous les niveaux, les pages Web devraient commencer à se charger plus rapidement, moins de bande passante devrait être utilisée et la durée de vie de la batterie des appareils mobiles. 7 façons d'augmenter la durée de vie de la batterie de votre téléphone portable [iPhone, Android, autres smartphones Durée de vie de la batterie de téléphone portable [iPhone, Android, autres téléphones intelligents] La durée de vie de la batterie est de loin l'une des caractéristiques les plus décevantes de presque tous les smartphones: elle nécessite au moins une charge par période de 24 heures pour la plupart d'entre nous. Êtes-vous un… Lire la suite devrait durer plus longtemps.</p><p>De plus, vous n'aurez pas à garder autant de plugins que Flash et Java à jour. Je déteste quand je dois constamment mettre à jour autant d'addons et de plugins sur plusieurs navigateurs. Et que se passe-t-il quand l'une d'elles est la mauvaise version? Les sites cessent de fonctionner et la frustration s'ensuit. Tout cela devrait être réglé lorsque HTML5 devient la norme principale.</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>Si vous êtes simplement un utilisateur Web et que vous n'avez pas l'intention de coder ou de maintenir votre propre site Web, vous n'avez rien à faire pour profiter des superbes fonctionnalités de HTML5. Aujourd'hui, tous les principaux navigateurs prennent en charge le HTML5 dans une large mesure et vous en avez probablement déjà profité sans le savoir. Il suffit de garder votre navigateur à jour et vous serez prêt à partir.</p><p>Et si vous êtes un développeur Web, HTML5 rendra tout plus simple et plus facile pour vous. Si tout se passe bien, vous n'aurez pas à gérer les cas extrêmes de la conception Web, car tous les navigateurs devront respecter les mêmes normes..</p><h2>Conclusion</h2><p>HTML5 est l'avenir de la navigation sur le Web et il révolutionnera sûrement notre façon de surfer sur Internet. Même sous la nature limitée de HTML4, les développeurs ont créé des sites Web ahurissants. Il sera donc intéressant de voir quels progrès intéressants ils feront avec les fonctionnalités de HTML5..</p><p>J'espère que maintenant vous pouvez voir le HTML5 de manière plus claire et comprendre pourquoi il a été autant mis en avant. Vous pouvez également approfondir vos connaissances sur ces dix sites Web qui vous expliquent en quoi HTML5 est tout au sujet de 10 sites Web pour voir ce que HTML5 est tout au sujet de 10 sites Web pour voir en quoi HTML5 est tout à propos de Lire plus. Vous devriez également consulter notre tutoriel HTML5 pour en savoir plus. Si vous avez des questions, s'il vous plaît demander dans les commentaires et je ferai de mon mieux pour vous répondre.</p><p><small>Crédits image: HTML5 via Shutterstock, code HTML via Shutterstock, nuage de tags HTML5 via Shutterstock, Guy sur ordinateur portable via Shutterstock</small></p> <p><small>En savoir plus sur: HTML, HTML5, Programmation, Développement 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"> « Qu'est-ce que le HSTS et comment protège-t-il HTTPS des pirates?</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">Qu'est-ce que HTTP / 2 et en quoi cela affecte-t-il l'avenir d'Internet? » </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://fr.ephesossoftware.com">fr.ephesossoftware.com</a> </div> <div class="col-md-6 col-sm-6 text-center text-lg-right"> <span>Nouvelles du monde de la technologie 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>