{"id":45277,"date":"2021-03-26T12:01:39","date_gmt":"2021-03-26T11:01:39","guid":{"rendered":"https:\/\/kinsta.com\/?p=91142"},"modified":"2023-11-03T02:46:10","modified_gmt":"2023-11-03T01:46:10","slug":"html-vs-html5","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/","title":{"rendered":"HTML vs HTML5 : Apprenez les diff\u00e9rences cruciales entre les deux"},"content":{"rendered":"<p>HTML vs HTML5. Quelle est la grande diff\u00e9rence ? Si vous souhaitez vous lancer dans le d\u00e9veloppement d\u2019interface publique ou travailler avec du <a href=\"https:\/\/kinsta.com\/fr\/blog\/modifier-code-wordpress\/\">code dans WordPress<\/a>, vous devez conna\u00eetre la diff\u00e9rence. Cela peut \u00eatre particuli\u00e8rement d\u00e9routant car certaines personnes utilisent les deux termes de mani\u00e8re interchangeable, alors qu&rsquo;il s&rsquo;agit techniquement de deux choses diff\u00e9rentes, bien qu&rsquo;elles soient \u00e9galement li\u00e9es.<\/p>\n<p>Passons en revue les diff\u00e9rences entre HTML et HTML5, la meilleure solution et ce qui a chang\u00e9 avec la plus grande mise \u00e0 jour du langage de balisage populaire.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Qu&rsquo;est-ce que le HTML ?<\/h2>\n<p>HTML est l&rsquo;abr\u00e9viation de <strong>HyperText Markup Language<\/strong>. Il s&rsquo;agit des \u00e9l\u00e9ments constitutifs du web, et c&rsquo;est probablement le <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleur-langage-programmation-apprendre\/\">langage de code<\/a> le plus connu.<\/p>\n<p>Le HTML est le langage standard utilis\u00e9 pour le d\u00e9veloppement web. Il vous permet de cr\u00e9er la structure de base d&rsquo;une page web \u00e0 l&rsquo;aide de petites balises appel\u00e9es balises de balisage (markup tags). Par exemple, pour mettre un morceau de texte en italique, vous pouvez l&rsquo;envelopper dans des balises HTML comme celles-ci :<\/p>\n<pre><code class=\"language-html\">&lt;i&gt;Italicized text.&lt;\/i&gt;<\/code><\/pre>\n<figure id=\"attachment_91145\" aria-describedby=\"caption-attachment-91145\" style=\"width: 1023px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-91145 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/03\/html-tag-example.png\" alt=\"Exemple de balise HTML\" width=\"1023\" height=\"214\"><figcaption id=\"caption-attachment-91145\" class=\"wp-caption-text\">Exemple de balise HTML<\/figcaption><\/figure>\n<p>Une grande partie du HTML est \u00e9galement simple et lisible par l&rsquo;homme, de sorte que m\u00eame les non-d\u00e9veloppeurs le trouvent facile \u00e0 utiliser. Pour l&rsquo;importance qu&rsquo;il rev\u00eat pour le World Wide Web, l&rsquo;apprentissage du HTML est \u00e9tonnamment facile.<\/p>\n<p>Il est impossible de cr\u00e9er un site web sans utiliser le langage HTML. Bien qu&rsquo;il existe des <a href=\"https:\/\/kinsta.com\/fr\/blog\/wix-vs-wordpress\/\">consctructeurs de sites web<\/a>, <a href=\"https:\/\/kinsta.com\/fr\/blog\/constructeurs-pages-wordpress\/\">dont WordPress<\/a>, qui vous permettent de concevoir un site sans toucher au code, ils manipulent en coulisses le code HTML pour vous.<\/p>\n<p>Ainsi, si vous souhaitez devenir un d\u00e9veloppeur web ou vous plonger dans des outils comme WordPress, vous devrez naturellement apprendre le HTML.<\/p>\n<p>Le langage HTML est souvent associ\u00e9 \u00e0 d&rsquo;autres langages tels que <a href=\"https:\/\/kinsta.com\/fr\/blog\/css-wordpress\/\">CSS<\/a> et JavaScript pour \u00e9tendre ses fonctionnalit\u00e9s. Le CSS vous aide \u00e0 donner du style au HTML en ajoutant des couleurs, des mises en page, etc., tandis que JavaScript est un langage de programmation plus traditionnel qui vous permet d&rsquo;ajouter des fonctionnalit\u00e9s avanc\u00e9es.<\/p>\n<p>Bien que ces deux langages se combinent bien avec le HTML, ils ne sont pas strictement n\u00e9cessaires pour cr\u00e9er un site web. Le HTML l&rsquo;est assur\u00e9ment, et c&rsquo;est pourquoi il s&rsquo;agit du langage web le plus important.<\/p>\n\n<h2>Qu&rsquo;est-ce que le HTML5 ?<\/h2>\n<figure id=\"attachment_92234\" aria-describedby=\"caption-attachment-92234\" style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-92234 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/03\/HTML-5-Badge-Logo.png\" alt=\"Logo HTML5 \" width=\"1100\" height=\"600\"><figcaption id=\"caption-attachment-92234\" class=\"wp-caption-text\">Logo HTML5 (Source: <a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:HTML5_Badge.svg\">W3C<\/a>)<\/figcaption><\/figure>\n<p>HTML5 n&rsquo;est pas un syst\u00e8me distinct, mais plut\u00f4t la derni\u00e8re version de la technologie HTML. Son pr\u00e9d\u00e9cesseur, HTML4, a connu sa premi\u00e8re et derni\u00e8re mise \u00e0 jour en d\u00e9cembre 1999. Le HTML5 n&rsquo;est en fait pas tr\u00e8s r\u00e9cent lui-m\u00eame, puisqu&rsquo;il est sorti il y a plusieurs ann\u00e9es, en 2014.<\/p>\n<p>Alors quelle est la grande diff\u00e9rence ? Pourquoi tout ce battage ? Si la plupart des balises restent inchang\u00e9es (apr\u00e8s tout, il ne faut pas r\u00e9parer ce qui n&rsquo;est pas cass\u00e9), plusieurs d&rsquo;entre elles ont \u00e9t\u00e9 simplifi\u00e9es, ce qui permet d&rsquo;\u00e9crire du code beaucoup plus facilement et rapidement. Il est bas\u00e9 sur une norme enti\u00e8rement nouvelle, et son analyse syntaxique est \u00e9galement compl\u00e8tement diff\u00e9rente.<\/p>\n<p>Contrairement aux anciennes versions de HTML, qui permettaient de cr\u00e9er des sites essentiellement statiques qu&rsquo;il fallait agr\u00e9menter de CSS et de JavaScript, HTML5 est beaucoup plus dynamique et comprend des \u00e9l\u00e9ments multim\u00e9dias. Il supporte nativement la vid\u00e9o et l&rsquo;audio, et vous pouvez m\u00eame cr\u00e9er des jeux ou des animations.<\/p>\n<p>En d&rsquo;autres termes, HTML5 est tout \u00e0 fait capable de faire des choses que vous deviez auparavant faire \u00e0 l&rsquo;aide d&rsquo;anciens outils comme JavaScript, Flash ou Silverlight. Cela signifie que <a href=\"https:\/\/kinsta.com\/fr\/blog\/securite-wordpress\/\">votre site est plus s\u00fbr et moins ouvert aux exploits<\/a> des attaquants qui tentent de s&rsquo;y introduire.<\/p>\n<p>Et si CSS et JavaScript sont toujours n\u00e9cessaires pour cr\u00e9er un site web \u00e0 part enti\u00e8re, vous ne devez plus compter sur eux pour faire quoi que ce soit de dynamique.<\/p>\n<p>HTML5 n&rsquo;est plus seulement un constructeur de sites web. C&rsquo;est un constructeur d&rsquo;applications \u00e0 part enti\u00e8re.<\/p>\n<p>Plut\u00f4t que de sortir la prochaine mise \u00e0 jour sous le nom de \u00ab\u00a0HTML6\u00a0\u00bb, HTML5 est continuellement mis \u00e0 jour comme une norme vivante qui \u00e9volue en fonction des besoins du web. Il s&rsquo;agit de la derni\u00e8re et de la meilleure version de cette technologie durable, et elle sera l\u00e0 pour longtemps encore.<\/p>\n<h2>HTML ou HTML5 : Peser les diff\u00e9rences<\/h2>\n<p>Lorsque la plupart des gens parlent de \u00ab\u00a0HTML\u00a0\u00bb, ils font r\u00e9f\u00e9rence \u00e0 la technologie dans son ensemble, y compris sa derni\u00e8re version : HTML5. Bien qu&rsquo;il soit tr\u00e8s diff\u00e9rent \u00e0 bien des \u00e9gards, le HTML5 n&rsquo;est en fait qu&rsquo;une mise \u00e0 jour soign\u00e9e de l&rsquo;ancienne norme.<\/p>\n<p>Bien que HTML et HTML5 fassent partie du m\u00eame syst\u00e8me, la grande mise \u00e0 jour a apport\u00e9 plusieurs am\u00e9liorations \u00e0 l&rsquo;ancien langage de code, le rendant encore plus efficace. Voici quelques exemples de ce qui a \u00e9t\u00e9 ajout\u00e9.<\/p>\n<h3>Compatibilit\u00e9<\/h3>\n<p>Lorsque le HTML5 est apparu, la compatibilit\u00e9 \u00e9tait une pr\u00e9occupation et une raison majeure pour laquelle beaucoup ont choisi de ne pas encore mettre leur site \u00e0 niveau. Si le navigateur ne savait pas comment analyser une balise HTML5, les pages pouvaient \u00eatre cass\u00e9es ou avoir un aspect \u00e9trange.<\/p>\n<p>Le contraire est vrai : les sites web \u00e9crits selon les anciennes normes HTML4 ne fonctionneront souvent pas dans les <a href=\"https:\/\/kinsta.com\/fr\/parts-de-marche-des-navigateurs\/\">navigateurs modernes<\/a>, car ceux-ci ne prennent plus en charge les fonctions obsol\u00e8tes depuis longtemps. Si vous voulez rester compatible avec les navigateurs de la plupart des gens, le HTML5 est la voie \u00e0 suivre.<\/p>\n<p>Bien que les anciennes versions de HTML fonctionnent bien sur des navigateurs comme Internet Explorer, ces versions obsol\u00e8tes ne sont plus prises en charge ou utilis\u00e9es par une majorit\u00e9 d&rsquo;utilisateurs. La plupart des gens n&rsquo;auront pas besoin de coder un site web pour des navigateurs aussi anciens, il n&rsquo;est donc pas n\u00e9cessaire d&rsquo;utiliser HTML4.<\/p>\n<p>Comme vous pouvez le voir ici, le HTML5 et la plupart de ses fonctions sont <a href=\"https:\/\/caniuse.com\/?search=html5\">pris en charge<\/a> par tous les navigateurs modernes. Ses nouvelles balises sont enti\u00e8rement ou partiellement prises en charge par tous les navigateurs, \u00e0 l&rsquo;exception des versions 6-8 d&rsquo;Internet Explorer et de Firefox 2, qui datent tous du d\u00e9but des ann\u00e9es 2000 et sont rarement utilis\u00e9s de nos jours.<\/p>\n<figure id=\"attachment_91143\" aria-describedby=\"caption-attachment-91143\" style=\"width: 1442px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-91143 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/03\/html5-browser-support.png\" alt=\"V\u00e9rification de la prise en charge des navigateurs HTML et HTML5\" width=\"1442\" height=\"742\"><figcaption id=\"caption-attachment-91143\" class=\"wp-caption-text\">V\u00e9rification de la prise en charge des navigateurs HTML et HTML5<\/figcaption><\/figure>\n<p>Si tous les navigateurs modernes prennent techniquement en charge le HTML4, la prise en charge des balises obsol\u00e8tes est, au mieux, in\u00e9gale. Vous devriez \u00e9viter d&rsquo;utiliser des normes obsol\u00e8tes et passer au HTML5.<\/p>\n<h3>Support multim\u00e9dia<\/h3>\n<p>L&rsquo;un des principaux apports de HTML5 est la prise en charge d&rsquo;\u00e9l\u00e9ments multim\u00e9dias tels que l&rsquo;audio, la vid\u00e9o, les <a href=\"https:\/\/kinsta.com\/fr\/blog\/types-fichier-image\/#8-svg--scalable-vector-graphics\">graphiques vectoriels<\/a>, les animations et les jeux.<\/p>\n<p>\u00c0 l&rsquo;\u00e9poque du web, l&rsquo;ajout d&rsquo;une simple animation sur votre site n\u00e9cessitait g\u00e9n\u00e9ralement l&rsquo;utilisation de JavaScript, de Flash ou d&rsquo;une autre technologie. Aujourd&rsquo;hui, vous pouvez le faire en HTML ou CSS sans vous exposer \u00e0 des exploits potentiels.<\/p>\n<p>Pour la <a href=\"https:\/\/www.w3schools.com\/html\/html5_video.asp\">vid\u00e9o<\/a> et l&rsquo;<a href=\"https:\/\/www.w3schools.com\/html\/html5_audio.asp\">audio<\/a>, l&rsquo;int\u00e9gration d&rsquo;un lecteur est aussi simple que l&rsquo;ajout d&rsquo;une simple balise. \u00c0 partir de l\u00e0, vous pouvez effectuer de nombreuses configurations, comme activer la lecture automatique ou ajouter des commandes de lecture.<\/p>\n<figure id=\"attachment_91146\" aria-describedby=\"caption-attachment-91146\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-91146 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/03\/html5-audio-player.png\" alt=\"Lecteur audio HTML5\" width=\"900\" height=\"215\"><figcaption id=\"caption-attachment-91146\" class=\"wp-caption-text\">Lecteur audio HTML5<\/figcaption><\/figure>\n<p>HTML5 permet \u00e9galement d&rsquo;int\u00e9grer des <a href=\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/\">graphiques vectoriels SVG<\/a>, des images qui peuvent \u00eatre redimensionn\u00e9es \u00e0 n&rsquo;importe quelle r\u00e9solution sans pixellisation. Les SVG sont de plus en plus populaires pour l&rsquo;affichage de graphiques en ligne, car ils s&rsquo;\u00e9tirent bien pour remplir n&rsquo;importe quelle taille d&rsquo;\u00e9cran.<\/p>\n<p>Enfin, vous pouvez cr\u00e9er des <a href=\"https:\/\/www.w3schools.com\/graphics\/game_intro.asp\">jeux vid\u00e9o<\/a> \u00e0 part enti\u00e8re avec HTML5, surtout si vous le combinez avec JavaScript. De nombreux outils de cr\u00e9ation de jeux sont m\u00eame port\u00e9s en HTML5 et vous permettent d&rsquo;int\u00e9grer le r\u00e9sultat sur votre site web.<\/p>\n<p>Ce support multim\u00e9dia fait de HTML5 le candidat id\u00e9al pour remplacer de nombreuses technologies d\u00e9pass\u00e9es, notamment Java Web Start, Silverlight et, plus r\u00e9cemment, <a href=\"https:\/\/www.theverge.com\/2020\/12\/31\/22208190\/adobe-flash-is-dead\">Flash<\/a>. Presque tout ce que vous pouvez faire avec ces syst\u00e8mes peut \u00eatre fait plus simplement et plus efficacement en HTML5.<\/p>\n<h3>SGML<\/h3>\n<p>Le langage HTML original (jusqu&rsquo;\u00e0 la version 4) \u00e9tait fortement bas\u00e9 sur la norme SGML ou Standard Generalized Markup Language.<\/p>\n<p>Bien que le SGML soit cens\u00e9 normaliser le balisage, \u00e9liminer la confusion et qu&rsquo;il ait inspir\u00e9 le HTML et le XML, il est issu d&rsquo;un langage cr\u00e9\u00e9 dans les ann\u00e9es 1960. Il est ancien et n&rsquo;a donc pas \u00e9t\u00e9 con\u00e7u en fonction des <a href=\"https:\/\/kinsta.com\/fr\/blog\/frameworks-php\/\">applications web modernes<\/a>.<\/p>\n<p>HTML5 a \u00e9volu\u00e9 pour ne plus se conformer \u00e0 la norme SGML ; il effectue l&rsquo;analyse <a href=\"https:\/\/www.w3.org\/TR\/2011\/WD-html5-20110113\/parsing.html\">syntaxique<\/a> selon ses propres r\u00e8gles. Bien que ses origines soient toujours dans le SGML, et que le HTML5 ne soit qu&rsquo;une extension de la technologie existante, il n&rsquo;est plus conforme \u00e0 ces normes.<\/p>\n<p>L&rsquo;un des r\u00e9sultats est que le traitement des erreurs est d\u00e9sormais beaucoup plus indulgent. Une petite erreur ne se traduira plus par un probl\u00e8me flagrant pour les internautes sur votre page, ni par une page qui ne se charge pas du tout.<\/p>\n<p>La s\u00e9mantique, ou les balises, s&rsquo;est \u00e9galement consid\u00e9rablement am\u00e9lior\u00e9e. Auparavant, la moindre structuration de votre page n\u00e9cessitait l&rsquo;utilisation constante des balises <code>&lt;div&gt;<\/code> : <code>&lt;div id=\"header\"&gt;<\/code> , <code>&lt;div id=\"menu\"&gt;<\/code> , et <code>&lt;div class=\u201cpost\u201d&gt;<\/code> .<\/p>\n<p>En HTML5, ces codes encombrants seraient <code>&lt;header&gt;<\/code> , <code>&lt;nav&gt;<\/code> , et <code>&lt;div class=\u201cpost\u201d&gt;<\/code>. Ces balises sont \u00e0 la fois plus propres et plus responsives.<\/p>\n<p>Plusieurs <a href=\"https:\/\/www.w3.org\/community\/webed\/wiki\/HTML\/New_HTML5_Elements\">nouvelles balises<\/a> ont \u00e9galement \u00e9t\u00e9 introduites. Beaucoup d&rsquo;entre elles ont \u00e9t\u00e9 cr\u00e9\u00e9es pour remplacer les divs et les frames pr\u00e9c\u00e9demment utilis\u00e9s pour structurer les pages.<\/p>\n<p>La plupart des anciennes balises sont rest\u00e9es enti\u00e8rement inchang\u00e9es, de sorte que HTML5 est partiellement r\u00e9trocompatible avec les anciennes versions. Mais un document HTML4 non modifi\u00e9 ne sera plus analys\u00e9 correctement avec les nouvelles normes.<\/p>\n<p>Bien qu&rsquo;il existe de nombreuses diff\u00e9rences entre HTML et HTML5, les changements sont g\u00e9n\u00e9ralement positifs et visent \u00e0 rendre le langage de balisage plus accessible.<\/p>\n<h3><strong>Meilleures performances et support mobile<\/strong><\/h3>\n<p>L&rsquo;un des principaux avantages de HTML5 est qu&rsquo;il est beaucoup plus rapide et beaucoup plus r\u00e9actif que les it\u00e9rations pr\u00e9c\u00e9dentes. \u00c0 l&rsquo;\u00e9poque du HTML original, l&rsquo;acc\u00e8s \u00e0 l&rsquo;internet par d&rsquo;autres appareils que les ordinateurs n&rsquo;\u00e9tait pas encore un r\u00eave ; aujourd&rsquo;hui, tout est accessible \u00e0 partir de nos t\u00e9l\u00e9phones, montres et t\u00e9l\u00e9visions, gr\u00e2ce en partie \u00e0 la vitesse du HTML5.<\/p>\n<p>La nouvelle version a apport\u00e9 de meilleures normes pour assurer un fonctionnement plus fluide des sites web sur les appareils plus petits et moins puissants. De nombreux probl\u00e8mes de performance d\u00e9pendront encore de vous et de la qualit\u00e9 de votre code. Toutefois, la mise \u00e0 jour HTML5 a permis de r\u00e9gler de nombreux probl\u00e8mes li\u00e9s au langage HTML.<\/p>\n<p>Par exemple, HTML5 prend en charge le <a href=\"https:\/\/www.htmlgoodies.com\/html5\/tutorials\/introducing-html-5-web-workers-bringing-multi-threading-to-javascript.html\">multithreading<\/a> avec JavaScript Web Workers, ce qui permet au processeur de votre appareil d&rsquo;utiliser une plus grande partie de sa puissance pour ex\u00e9cuter les scripts. Le code qui ralentissait une page s&rsquo;ex\u00e9cutera d\u00e9sormais de mani\u00e8re transparente.<\/p>\n<p>La conception de sites web responsives est \u00e9galement beaucoup plus facile avec HTML5. De nombreux \u00e9l\u00e9ments non responsives de HTML4, tels que les divs, ont \u00e9t\u00e9 remplac\u00e9s par des balises de structure qui fonctionnent mieux sur les mobiles.<\/p>\n<p>Les <a href=\"https:\/\/html.com\/frames\/\">Frames<\/a> ont \u00e9galement \u00e9t\u00e9 supprim\u00e9es car elles posaient des probl\u00e8mes d\u2019utilisabilit\u00e9 et d&rsquo;accessibilit\u00e9. Bien qu&rsquo;elles soient toujours prises en charge, elles ont \u00e9t\u00e9 d\u00e9pr\u00e9ci\u00e9es et ne doivent pas \u00eatre utilis\u00e9es, sauf si vous avez des raisons de travailler avec une technologie obsol\u00e8te.<\/p>\n<p>Bien qu&rsquo;il n&rsquo;existe pas de remplacement direct des frames en HTML5, il est recommand\u00e9 d&rsquo;utiliser des \u00e9l\u00e9ments CSS tels que les flex boxes ou les iframes (qui sont toujours pris en charge dans HTML5) pour remplacer l&rsquo;ancienne fonctionnalit\u00e9.<\/p>\n<h3>De meilleurs contr\u00f4les des formulaires<\/h3>\n<p>Les nouveaux contr\u00f4les de formulaire \u00e9quivalent \u00e0 un nouveau niveau de contr\u00f4le sur votre site. Bien que cela puisse sembler une petite fonctionnalit\u00e9, cela signifie qu&rsquo;il faut compter sur une technologie externe de moins pour cr\u00e9er un formulaire fonctionnel.<\/p>\n<figure id=\"attachment_91144\" aria-describedby=\"caption-attachment-91144\" style=\"width: 1315px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-91144 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/03\/html5-form-example.png\" alt=\"Exemple de formulaire HTML 5\" width=\"1315\" height=\"591\"><figcaption id=\"caption-attachment-91144\" class=\"wp-caption-text\">Exemple de formulaire HTML 5<\/figcaption><\/figure>\n<p>\u00c0 l&rsquo;origine, le HTML ne prenait en charge que les types de saisie suivants : texte, mot de passe, masqu\u00e9, case \u00e0 cocher\/radio et t\u00e9l\u00e9versement de fichier. Bien que cela soit suffisant pour cr\u00e9er un formulaire de saisie de base, il y a tellement plus de choses que vous pouvez maintenant faire avec les <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/Forms\/HTML5_input_types\">types d\u2019entr\u00e9e HTML5<\/a>.<\/p>\n<p>Les nouveaux ajouts comprennent les entr\u00e9es suivantes : e-mail, num\u00e9ro de t\u00e9l\u00e9phone, URL, bo\u00eete de recherche, diaporama, num\u00e9rique, s\u00e9lecteur de date et d&rsquo;heure et s\u00e9lecteur de couleur.<\/p>\n<p>Cette gamme diversifi\u00e9e de types de saisie vous permet de cr\u00e9er des <a href=\"https:\/\/kinsta.com\/fr\/blog\/formulaires-wordpress\/\">formulaires plus performants<\/a>, capables d&rsquo;accepter davantage de types de contenu, avec une validation incluse pour s&rsquo;assurer qu&rsquo;ils sont corrects. Consultez la liste compl\u00e8te des <a href=\"https:\/\/www.w3schools.com\/html\/html_form_input_types.asp\">entr\u00e9es HTML<\/a> pour plus d&rsquo;informations.<\/p>\n<h3>Stockage sur le web<\/h3>\n<p>En ce qui concerne le stockage sur le web, le HTML4 et les versions inf\u00e9rieures supportent essentiellement les cookies et peu d&rsquo;autres choses. Le stockage d&rsquo;informations autres que le suivi de base des utilisateurs dans un minuscule cookie de 4 kilo-octets \u00e9tait pratiquement impossible.<\/p>\n<p>D&rsquo;autre part, le stockage local vous permet de stocker 5 \u00e0 10 m\u00e9gaoctets de donn\u00e9es selon le navigateur. Cela vous permet d&rsquo;enregistrer des informations c\u00f4t\u00e9 client sur les sessions pr\u00e9c\u00e9dentes, les donn\u00e9es d&rsquo;acc\u00e8s hors ligne, les personnalisations, etc. En outre, le stockage local n&rsquo;est pas effac\u00e9 automatiquement, contrairement aux cookies.<\/p>\n<figure id=\"attachment_83734\" aria-describedby=\"caption-attachment-83734\" style=\"width: 2409px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83734 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/dark-mode-on.jpg\" alt=\"Mode sombre activ\u00e9 dans la personnalisation de WordPress\" width=\"2409\" height=\"1193\"><figcaption id=\"caption-attachment-83734\" class=\"wp-caption-text\">Mode sombre activ\u00e9 dans la personnalisation de WordPress<\/figcaption><\/figure>\n<p>Un exemple de ce que vous pouvez faire avec le stockage local est d\u2019enregistrer la pr\u00e9f\u00e9rence d&rsquo;un utilisateur pour le th\u00e8me clair ou fonc\u00e9 de votre site, afin qu&rsquo;il continue \u00e0 voir votre site comme il le pr\u00e9f\u00e8re lors de sa prochaine visite. Vous pouvez \u00e9galement enregistrer les pr\u00e9f\u00e9rences des utilisateurs \u00e0 l&rsquo;aide de cookies, mais le navigateur les efface in\u00e9vitablement au bout d&rsquo;un certain temps.<\/p>\n<p>HTML5 prend en charge le stockage local gr\u00e2ce \u00e0 l&rsquo;<a href=\"https:\/\/www.w3schools.com\/html\/html5_webstorage.asp\">API de stockage web<\/a>. Il prend \u00e9galement en charge le stockage dans une <a href=\"https:\/\/www.tutorialspoint.com\/html5\/html5_web_sql.htm\">base de donn\u00e9es web SQL<\/a>, le stockage dans une base de donn\u00e9es index\u00e9e et m\u00eame l&rsquo;acc\u00e8s aux fichiers avec <a href=\"https:\/\/www.w3.org\/TR\/FileAPI\/\">File API<\/a>. Nombre de ces \u00e9l\u00e9ments s&rsquo;int\u00e8grent \u00e0 JavaScript <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-http-api-partie-1\/\">via d&rsquo;API<\/a>. Avant cela, il \u00e9tait soit extr\u00eamement difficile de le faire, soit, dans certains cas, tout simplement impossible ou extr\u00eamement difficile \u00e0 faire.<\/p>\n<h2>Lequel est le meilleur : HTML ou HTML5 ?<\/h2>\n<p>Si vous voulez apprendre \u00e0 coder, vous devez absolument \u00e9viter d&rsquo;utiliser des normes obsol\u00e8tes. Le HTML5 est la version la plus r\u00e9cente du HTML et devrait toujours \u00eatre utilis\u00e9 de pr\u00e9f\u00e9rence aux anciennes versions du langage.<\/p>\n<p>Comme indiqu\u00e9 ci-dessus, HTML5 am\u00e9liore plusieurs aspects de HTML4 qui \u00e9taient obsol\u00e8tes et difficiles \u00e0 utiliser. En outre, HTML5 peut faire beaucoup de choses en mode natif, alors que HTML4 repose enti\u00e8rement sur des syst\u00e8mes obsol\u00e8tes depuis longtemps, comme Silverlight, <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleur-langage-programmation-apprendre\/#java\">Java<\/a> Web Start et Flash.<\/p>\n<p>Si le HTML5 ne s&rsquo;affiche pas toujours correctement sur les super vieux navigateurs et syst\u00e8mes d&rsquo;exploitation (comme Internet Explorer ou les anciennes versions des t\u00e9l\u00e9phones portables), ces plateformes sont extr\u00eamement d\u00e9pass\u00e9es et ne sont plus gu\u00e8re utilis\u00e9es. Il n&rsquo;y a plus de bonnes raisons d&rsquo;utiliser des versions obsol\u00e8tes de HTML au lieu des normes modernes.<\/p>\n<p>Malheureusement, il y a beaucoup d&rsquo;informations sur Internet et dans les livres sur les anciennes versions de HTML. Chaque fois que vous consultez un guide ou que vous apprenez dans un cours ou un livre, assurez-vous qu&rsquo;il parle de HTML5 et qu&rsquo;il a \u00e9t\u00e9 publi\u00e9 ou mis \u00e0 jour apr\u00e8s 2014. Il est inutile d&rsquo;apprendre des normes obsol\u00e8tes datant de 1999.<\/p>\n<h2>Comment convertir du HTML en HTML5<\/h2>\n<p>Si vous avez un site web plus ancien, vous devez le mettre \u00e0 jour. Il n&rsquo;y a malheureusement aucun moyen de proc\u00e9der \u00e0 une conversion totale sans faire de travail manuel.<\/p>\n<p>La meilleure chose \u00e0 faire est de lire la <a href=\"https:\/\/html.spec.whatwg.org\/\">sp\u00e9cification HTML5<\/a> (ou de suivre un cours de HTML si vous \u00eates totalement novice dans ce langage) et de vous familiariser avec les changements. Apr\u00e8s cela, vous pouvez r\u00e9\u00e9crire le code et ajouter les nouvelles fonctionnalit\u00e9s ajout\u00e9es en HTML5.<\/p>\n<p>Consultez <a href=\"https:\/\/www.quanzhanketang.com\/html\/html5_migration.html\">ce guide sur la migration de HTML4 \u00e0 HTML5<\/a>. Il couvre en d\u00e9tail les modifications manuelles que vous devez apporter au code.<\/p>\n<p>Vous pouvez \u00e9galement essayer ce <a href=\"http:\/\/mynthon.net\/tools\/xhtml-to-html5\/\">convertisseur XHTML vers HTML5<\/a>, mais veillez \u00e0 revoir votre code manuellement ou \u00e0 l&rsquo;ins\u00e9rer dans un validateur avant de l&rsquo;importer sur un site r\u00e9el.<\/p>\n<p>Heureusement, le HTML5 est essentiellement du nouveau contenu. Il y a quelques <a href=\"https:\/\/www.tutorialspoint.com\/html5\/html5_deprecated_tags.htm\">balises d\u00e9pr\u00e9ci\u00e9es<\/a> que vous devrez remplacer, mais \u00e0 part cela, la mise \u00e0 jour du code n&rsquo;est g\u00e9n\u00e9ralement pas un gros effort, \u00e0 moins que votre site ne d\u00e9pende fortement d&rsquo;une technologie d\u00e9pr\u00e9ci\u00e9e comme les frames.<\/p>\n\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>HTML et HTML5 ne sont que deux parties de la m\u00eame technologie, bien qu&rsquo;ils aient des significations l\u00e9g\u00e8rement diff\u00e9rentes. HTML fait r\u00e9f\u00e9rence au langage de balisage dans son ensemble, souvent \u00e0 la version la plus r\u00e9cente, tandis que HTML5 en est la derni\u00e8re mise \u00e0 jour.<\/p>\n<p>Si vous cherchez \u00e0 apprendre le HTML, il est important d&rsquo;utiliser la derni\u00e8re \u00e9dition : HTML5. Il est meilleur \u00e0 tous points de vue, et m\u00eame si cela implique de convertir manuellement une grande partie de l&rsquo;ancien code, cela en vaut vraiment la peine.<\/p>\n<p>Le HTML5 a maintenant plusieurs ann\u00e9es d&rsquo;existence et, en tant que norme de vie du langage dans son ensemble, il ne cessera d&rsquo;\u00eatre mis \u00e0 jour pour fonctionner avec le web moderne.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML vs HTML5. Quelle est la grande diff\u00e9rence ? Si vous souhaitez vous lancer dans le d\u00e9veloppement d\u2019interface publique ou travailler avec du code dans WordPress, &#8230;<\/p>\n","protected":false},"author":20,"featured_media":45279,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[254,47],"topic":[1028,1020],"class_list":["post-45277","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-html","tag-webdev","topic-developpement-wordpress","topic-outils-developpement-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML vs HTML5 : Apprenez les diff\u00e9rences cruciales entre les deux<\/title>\n<meta name=\"description\" content=\"Alors, quelle est exactement la diff\u00e9rence entre HTML et HTML5 ? Si vous \u00eates confus quant \u00e0 leurs similitudes et diff\u00e9rences, nous les d\u00e9composons ici.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML vs HTML5 : Apprenez les diff\u00e9rences cruciales entre les deux\" \/>\n<meta property=\"og:description\" content=\"Alors, quelle est exactement la diff\u00e9rence entre HTML et HTML5 ? Si vous \u00eates confus quant \u00e0 leurs similitudes et diff\u00e9rences, nous les d\u00e9composons ici.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:author\" content=\"http:\/\/www.facebook.com\/digitalinkwell\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-26T11:01:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-03T01:46:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/html-vs-html5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brenda Barron\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Alors, quelle est exactement la diff\u00e9rence entre HTML et HTML5 ? Si vous \u00eates confus quant \u00e0 leurs similitudes et diff\u00e9rences, nous les d\u00e9composons ici.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/html-vs-html5.png\" \/>\n<meta name=\"twitter:creator\" content=\"@digitalinkwell\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brenda Barron\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/\"},\"author\":{\"name\":\"Brenda Barron\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d\"},\"headline\":\"HTML vs HTML5 : Apprenez les diff\u00e9rences cruciales entre les deux\",\"datePublished\":\"2021-03-26T11:01:39+00:00\",\"dateModified\":\"2023-11-03T01:46:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/\"},\"wordCount\":3237,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/html-vs-html5.png\",\"keywords\":[\"html\",\"webdev\"],\"articleSection\":[\"D\u00e9veloppement WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/\",\"name\":\"HTML vs HTML5 : Apprenez les diff\u00e9rences cruciales entre les deux\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/html-vs-html5.png\",\"datePublished\":\"2021-03-26T11:01:39+00:00\",\"dateModified\":\"2023-11-03T01:46:10+00:00\",\"description\":\"Alors, quelle est exactement la diff\u00e9rence entre HTML et HTML5 ? Si vous \u00eates confus quant \u00e0 leurs similitudes et diff\u00e9rences, nous les d\u00e9composons ici.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/html-vs-html5.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/html-vs-html5.png\",\"width\":1460,\"height\":730,\"caption\":\"HTML vs HTML5\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"D\u00e9veloppement WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML vs HTML5 : Apprenez les diff\u00e9rences cruciales entre les deux\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d\",\"name\":\"Brenda Barron\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g\",\"caption\":\"Brenda Barron\"},\"description\":\"Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.\",\"sameAs\":[\"http:\/\/www.thedigitalinkwell.com\/\",\"http:\/\/www.facebook.com\/digitalinkwell\",\"http:\/\/www.linkedin.com\/in\/digitalinkwell\",\"https:\/\/x.com\/digitalinkwell\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/brendabarron\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HTML vs HTML5 : Apprenez les diff\u00e9rences cruciales entre les deux","description":"Alors, quelle est exactement la diff\u00e9rence entre HTML et HTML5 ? Si vous \u00eates confus quant \u00e0 leurs similitudes et diff\u00e9rences, nous les d\u00e9composons ici.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/","og_locale":"fr_FR","og_type":"article","og_title":"HTML vs HTML5 : Apprenez les diff\u00e9rences cruciales entre les deux","og_description":"Alors, quelle est exactement la diff\u00e9rence entre HTML et HTML5 ? Si vous \u00eates confus quant \u00e0 leurs similitudes et diff\u00e9rences, nous les d\u00e9composons ici.","og_url":"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_author":"http:\/\/www.facebook.com\/digitalinkwell","article_published_time":"2021-03-26T11:01:39+00:00","article_modified_time":"2023-11-03T01:46:10+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/html-vs-html5.png","type":"image\/png"}],"author":"Brenda Barron","twitter_card":"summary_large_image","twitter_description":"Alors, quelle est exactement la diff\u00e9rence entre HTML et HTML5 ? Si vous \u00eates confus quant \u00e0 leurs similitudes et diff\u00e9rences, nous les d\u00e9composons ici.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/html-vs-html5.png","twitter_creator":"@digitalinkwell","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Brenda Barron","Dur\u00e9e de lecture estim\u00e9e":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/"},"author":{"name":"Brenda Barron","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d"},"headline":"HTML vs HTML5 : Apprenez les diff\u00e9rences cruciales entre les deux","datePublished":"2021-03-26T11:01:39+00:00","dateModified":"2023-11-03T01:46:10+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/"},"wordCount":3237,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/html-vs-html5.png","keywords":["html","webdev"],"articleSection":["D\u00e9veloppement WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/","url":"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/","name":"HTML vs HTML5 : Apprenez les diff\u00e9rences cruciales entre les deux","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/html-vs-html5.png","datePublished":"2021-03-26T11:01:39+00:00","dateModified":"2023-11-03T01:46:10+00:00","description":"Alors, quelle est exactement la diff\u00e9rence entre HTML et HTML5 ? Si vous \u00eates confus quant \u00e0 leurs similitudes et diff\u00e9rences, nous les d\u00e9composons ici.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/html-vs-html5.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/03\/html-vs-html5.png","width":1460,"height":730,"caption":"HTML vs HTML5"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/html-vs-html5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"D\u00e9veloppement WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/"},{"@type":"ListItem","position":3,"name":"HTML vs HTML5 : Apprenez les diff\u00e9rences cruciales entre les deux"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d","name":"Brenda Barron","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g","caption":"Brenda Barron"},"description":"Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.","sameAs":["http:\/\/www.thedigitalinkwell.com\/","http:\/\/www.facebook.com\/digitalinkwell","http:\/\/www.linkedin.com\/in\/digitalinkwell","https:\/\/x.com\/digitalinkwell"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/brendabarron\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/45277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=45277"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/45277\/revisions"}],"predecessor-version":[{"id":45312,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/45277\/revisions\/45312"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45277\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45277\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45277\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45277\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45277\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45277\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45277\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45277\/translations\/se"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/45277\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/45279"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=45277"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=45277"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=45277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}