{"id":382,"date":"2014-04-05T13:40:38","date_gmt":"2014-04-05T12:40:38","guid":{"rendered":"http:\/\/louis.hatier.me\/blog\/?p=382"},"modified":"2015-08-13T17:51:59","modified_gmt":"2015-08-13T16:51:59","slug":"html5-balises-attributs-formulaire-cache-manifest","status":"publish","type":"post","link":"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/","title":{"rendered":"HTML5 : balises, attributs, formulaire et cache manifest"},"content":{"rendered":"<p dir=\"ltr\"><a title=\"\" href=\"http:\/\/louis.hatier.me\/blog\/wp-content\/uploads\/2014\/04\/logo-html5.jpg\" data-rel=\"lightbox-gallery-pUb2A0b6\" data-rl_title=\"\" data-rl_caption=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-379 alignleft\" title=\"Logo HTML5\" src=\"http:\/\/louis.hatier.me\/blog\/wp-content\/uploads\/2014\/04\/logo-html5.jpg\" alt=\"Logo HTML5\" width=\"66\" height=\"83\" \/><\/a>La version 5 d\u2019HTML est arriv\u00e9e avec son lot de nouveaut\u00e9s : API, nouveaux attributs et balises.<\/p>\n<p dir=\"ltr\">Ci-dessous une liste de quelques balises et attributs int\u00e9ressants, des nouveaux types d\u2019input, et un mot sur le cache manifest.<\/p>\n<p dir=\"ltr\">A noter que toutes ces nouveaut\u00e9s ne sont pas pris en compte au m\u00eame rythme par les diff\u00e9rents navigateurs, pour v\u00e9rifier la compatibilit\u00e9 direction le site <a title=\"Can I Use\" href=\"http:\/\/caniuse.com\/\" target=\"_blank\">Can I Use<\/a>\u00a0(possibilit\u00e9 de v\u00e9rifier \u00e9galement les propri\u00e9t\u00e9s CSS3).<\/p>\n<p><!--more--><\/p>\n<h2>Balises<\/h2>\n<p dir=\"ltr\">Les nouvelles balises ajoutent une valeur s\u00e9mantique au document HTML et peuvent \u00eatre styl\u00e9es de la m\u00eame fa\u00e7on qu\u2019un \u00e9l\u00e9ment div ou ul.<\/p>\n<ul>\n<li><strong>abbr :<\/strong> d\u00e9j\u00e0 existant, cette balise remplace l\u2019\u00e9l\u00e9ment d\u00e9sormais obsol\u00e8te <code>&lt;acronym&gt;<\/code><\/li>\n<li><strong>article :<\/strong> contenu ind\u00e9pendant, ayant du sens individuellement<\/li>\n<li><strong>aside :<\/strong> partie du site \u00e0 part, n\u2019ayant pas forc\u00e9ment de rapport avec le contenu g\u00e9n\u00e9ral<\/li>\n<li><strong>audio :<\/strong> permet de lancer une piste audio (affiche un lecteur propre au navigateur)<\/li>\n<li><strong>canvas :<\/strong> utilis\u00e9 pour afficher des formes graphiques<\/li>\n<li><strong>datalist :<\/strong> contient une liste d\u2019options pr\u00eat \u00e0 \u00eatre utilis\u00e9e en la liant dans un input text par exemple (un peu comme de l\u2019autocomplete)<\/li>\n<li><strong>details :<\/strong> affiche\/cache une section d\u00e9tails au clic<\/li>\n<li><strong>figure :<\/strong> pr\u00e9cise que l\u2019image \u00e0 l\u2019int\u00e9rieur de cette balise est de type illustration, photo, graphique<\/li>\n<li><strong>figcaption :<\/strong> affiche une l\u00e9gende sous l\u2019image qui est positionn\u00e9e dans une balise figure<\/li>\n<li><strong>footer :<\/strong> footer d\u2019un document, d\u2019une section, d\u2019un article<\/li>\n<li><strong>header :<\/strong> header d\u2019une section, d\u2019un groupe, il peut y avoir plusieurs headers dans la page HTML<\/li>\n<li><strong>main :<\/strong> sp\u00e9cifie le contenu principale de la page, il ne faut avoir qu\u2019une seule fois cette balise dans le document<\/li>\n<li><strong>meter :<\/strong> un genre de jauge, possibilit\u00e9 de renseigner une valeur min\/max et high\/low (voir plus bas la section attribut)<\/li>\n<li><strong>nav :<\/strong> bloc de navigation comportant plusieurs liens, peut \u00eatre utilis\u00e9 pour le menu du site par exemple<\/li>\n<li><strong>progress :<\/strong> affiche une barre de chargement<\/li>\n<li><strong>section :<\/strong> une section est un groupe d\u2019\u00e9l\u00e9ments ayant un rapport entre eux, \u00e7a peut \u00eatre des chapitres, des headers, plusieurs articles<\/li>\n<li><strong>time :<\/strong> permet de stocker un temps ou une date, pour un article par exemple<\/li>\n<li><strong>track :<\/strong> \u00e0 placer dans un \u00e9l\u00e9ment audio\/video, affiche des sous-titres<\/li>\n<li><strong>video :<\/strong> permet d\u2019afficher une vid\u00e9o sans passer par un plugin Flash, <a title=\"HTML5 : gestion des vid\u00e9os\" href=\"http:\/\/louis.hatier.me\/blog\/html5-gestion-videos\/\" target=\"_blank\">voir comment utiliser cette balise<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Attributs<\/h2>\n<ul>\n<li><strong>autofocus :<\/strong> \u00e0 mettre sur un \u00e9l\u00e9ment de formulaire, cet \u00e9l\u00e9ment aura le focus au chargement de la page<\/li>\n<li><strong>cite :<\/strong> \u00e0 ins\u00e9rer dans la balise <em>blockquote<\/em> pour pr\u00e9ciser la source de la citation<\/li>\n<li><strong>download :<\/strong> force le t\u00e9l\u00e9chargement du fichier plut\u00f4t que de l\u2019afficher dans la navigateur (pour un fichier PDF par exemple)<\/li>\n<li><strong>form :<\/strong> cet attribut peut \u00eatre indiquer dans un champ de formulaire n\u2019\u00e9tant pas pr\u00e9sent au sein des balises <em>form<\/em>. On lui indique comme valeur l\u2019ID du formulaire en question, et ce champ sera pris en compte dans les valeurs envoy\u00e9es au serveur<\/li>\n<li><strong>high\/low :<\/strong> pour la balise meter, affichera la jauge diff\u00e9remment si la valeur est plus basse que low, ou plus haute que high (valeurs critiques en quelque sorte)<\/li>\n<li><strong>list :<\/strong> \u00e0 mettre sur un input, permet de d\u00e9finir la liste que proposera le champ (indiquer l\u2019ID du <em>datalist<\/em> en valeur)<\/li>\n<li><strong>manifest :<\/strong> \u00e0 d\u00e9finir dans la balise <em>HTML<\/em>, cet attribut est d\u00e9taill\u00e9 dans la derni\u00e8re partie<\/li>\n<li><strong>min\/max\/step :<\/strong> utile dans les champs de formulaire de type range, number, meter<\/li>\n<li><strong>multiple :<\/strong> possibilit\u00e9 de mettre cet attribut sur un input type file, l\u2019utilisateur pourra alors s\u00e9lectionner plusieurs fichiers \u00e0 envoyer<\/li>\n<li><strong>pattern :<\/strong> permet de d\u00e9finir pr\u00e9cis\u00e9ment ce que l\u2019ont attend d\u2019un champ, exemple pour un code postal : <code>&lt;input type=\"text\" name=\"codePostal\" pattern=\"[0-9]{5}\" required&gt;<\/code>, le formulaire ne pourra \u00eatre valid\u00e9 que si le code postal est une suite de 5 chiffres<\/li>\n<li><strong>poster :<\/strong> dans la balise <em>video<\/em>, permet d\u2019afficher une image<\/li>\n<li><strong>pubdate :<\/strong> \u00e0 utiliser avec la balise time d\u2019un article : indique que la date en question est la date de publication<\/li>\n<li><strong>required :<\/strong>\u00a0les \u00e9l\u00e9ments de formulaire comportant cet attribut devront \u00eatre remplis pour que celui-ci puisse \u00eatre valid\u00e9<\/li>\n<li><strong>reversed :<\/strong> dans une balise <em>OL<\/em>, cet attribut indique que l\u2019ordre affich\u00e9 doit \u00eatre invers\u00e9<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>\u00c9l\u00e9ments de formulaire<\/h2>\n<p>Certains type auront un effet visuel plus particuli\u00e8rement sur les tablettes\/t\u00e9l\u00e9phones, par exemple les <em>input<\/em> type email\/tel permettront au device d\u2019afficher un clavier plus pertinent qu\u2019un simple input de type text.<\/p>\n<ul>\n<li><strong>color :<\/strong> affiche un color-picker et stock la couleur en hexad\u00e9cimal<\/li>\n<li><strong>date\/datetime\/datetime-local :<\/strong> fonctionne plus ou moins comme un date-picker JS<\/li>\n<li><strong>email :<\/strong> champ texte (le navigateur test la bonne validit\u00e9 de l\u2019email entr\u00e9 par l\u2019utilisateur)<\/li>\n<li><strong>number :<\/strong> champ texte (une tablette ou un t\u00e9l\u00e9phone affichera un clavier num\u00e9rique)<\/li>\n<li><strong>url :<\/strong> champ texte (le navigateur test la bonne validit\u00e9 de l\u2019url entr\u00e9 par l\u2019utilisateur)<\/li>\n<li><strong>range :<\/strong> affiche un slider, possibilit\u00e9 de le borner avec les attributs <em>min<\/em> et <em>max<\/em>, et de g\u00e9rer les \u201ccrans\u201d avec l\u2019attribut <em>step<\/em><\/li>\n<li><strong>search :<\/strong> se comporte comme un champ de type <em>text<\/em>, sur Chrome une croix appara\u00eet \u00e0 droite du champ pour pouvoir vider facilement celui-ci<\/li>\n<li><strong>tel :<\/strong> se comporte comme un champ de type <em>text<\/em>, les tablettes\/t\u00e9l\u00e9phones afficheront un clavier num\u00e9rique<\/li>\n<li><strong>time :<\/strong> permet de s\u00e9lectionner un temps au format hh:ss<\/li>\n<li><strong>week :<\/strong> permet de s\u00e9lectionner une semaine d\u2019une ann\u00e9e<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Cache Manifest<\/h2>\n<p>Il permet de mettre en cache des pages enti\u00e8res, qui seront disponibles m\u00eame sans que l\u2019utilisateur ait acc\u00e8s \u00e0 internet. Cela peut \u00eatre tr\u00e8s utile pour tout ce qui est application mobile. \u00c7a am\u00e9liore \u00e9galement la vitesse de navigation en \u00e9tant connect\u00e9 puisque les \u00e9l\u00e9ments en cache ne sont pas recharg\u00e9s. La limite du cache est de 5Mo.<\/p>\n<p>Voila comment d\u00e9finir le nom du fichier dans lequel sera stock\u00e9 les informations du cache : <code>&lt;html manifest=\"mapage.manifest\"&gt;<\/code><\/p>\n<p>Cr\u00e9er ensuite un fichier mapage.manifest : fichier texte avec comme content-type : text\/cache-manifest (type mime \u00e0 ajouter au fichier .htaccess) <code>AddType text\/cache-manifest manifest<\/code>\u00a0 : signifie que tous les fichiers avec l\u2019extension <em>.manifest<\/em> sont de type <em>text\/cache-manifest<\/em>.<\/p>\n<p>Exemple de fichier :<\/p>\n<pre><code class=\"\u201djs\u201d\">CACHE MANIFEST \r\n\r\n# version 2013-08-04\r\nhome.html\r\nimg\/logo.png\r\ncss\/main.css\r\njs\/main.js\r\n\r\n# ressources n\u00e9cessitant que l\u2019utilisateur soit en ligne\r\nNETWORK:\r\nlogin.php\r\n\/api\r\n<\/code><\/pre>\n<p>Modifier la date modifie le fichier manifest et oblige le navigateur \u00e0 remettre en cache les fichiers en question.<\/p>\n<p>Voila pour la pr\u00e9sentation de certaines nouveaut\u00e9s qu&rsquo;apporte HTML5.<\/p>\n<div style=\"padding-bottom:20px; padding-top:10px;\" class=\"hupso-share-buttons\"><!-- Hupso Share Buttons - https:\/\/www.hupso.com\/share\/ --><a class=\"hupso_counters\" href=\"https:\/\/www.hupso.com\/share\/\"><img decoding=\"async\" src=\"https:\/\/static.hupso.com\/share\/buttons\/dot.png\" style=\"border:0px; padding-top:2px; float:left;\" alt=\"Share Button\"\/><\/a><script type=\"text\/javascript\">var hupso_services_c=new Array(\"twitter\",\"facebook_like\",\"pinterest\",\"email\",\"linkedin\");var hupso_counters_lang = \"en_US\";var hupso_image_folder_url = \"\";var hupso_url_c=\"\";var hupso_title_c=\"HTML5%20%3A%20balises%2C%20attributs%2C%20formulaire%20et%20cache%20manifest\";<\/script><script type=\"text\/javascript\" src=\"https:\/\/static.hupso.com\/share\/js\/counters.js\"><\/script><!-- Hupso Share Buttons --><\/div>","protected":false},"excerpt":{"rendered":"<p>La version 5 d\u2019HTML est arriv\u00e9e avec son lot de nouveaut\u00e9s : API, nouveaux attributs et balises. Ci-dessous une liste de quelques balises et attributs int\u00e9ressants, des nouveaux types d\u2019input, et un mot sur le cache manifest. A noter que toutes ces nouveaut\u00e9s ne sont pas pris en compte au m\u00eame rythme par les diff\u00e9rents [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[19,56],"class_list":["post-382","post","type-post","status-publish","format-standard","hentry","category-html-css","tag-html5","tag-seo"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML5 : balises, attributs, formulaire et cache manifest - Melting Poutre<\/title>\n<meta name=\"description\" content=\"HTML5 et ses nouveaux attributs, balises et \u00e9l\u00e9ments de formulaire\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML5 : balises, attributs, formulaire et cache manifest - Melting Poutre\" \/>\n<meta property=\"og:description\" content=\"HTML5 et ses nouveaux attributs, balises et \u00e9l\u00e9ments de formulaire\" \/>\n<meta property=\"og:url\" content=\"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/\" \/>\n<meta property=\"og:site_name\" content=\"Melting Poutre\" \/>\n<meta property=\"article:published_time\" content=\"2014-04-05T12:40:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-08-13T16:51:59+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/louis.hatier.me\/blog\/wp-content\/uploads\/2014\/04\/logo-html5.jpg\" \/>\n<meta name=\"author\" content=\"Louis Hatier\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Louis Hatier\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/\"},\"author\":{\"name\":\"Louis Hatier\",\"@id\":\"https:\/\/louis.hatier.me\/blog\/#\/schema\/person\/2f200d0368def135b452e65491c4dd11\"},\"headline\":\"HTML5 : balises, attributs, formulaire et cache manifest\",\"datePublished\":\"2014-04-05T12:40:38+00:00\",\"dateModified\":\"2015-08-13T16:51:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/\"},\"wordCount\":1067,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/louis.hatier.me\/blog\/#\/schema\/person\/2f200d0368def135b452e65491c4dd11\"},\"image\":{\"@id\":\"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/louis.hatier.me\/blog\/wp-content\/uploads\/2014\/04\/logo-html5.jpg\",\"keywords\":[\"HTML5\",\"SEO\"],\"articleSection\":[\"HTML\/CSS\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/\",\"url\":\"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/\",\"name\":\"HTML5 : balises, attributs, formulaire et cache manifest - Melting Poutre\",\"isPartOf\":{\"@id\":\"https:\/\/louis.hatier.me\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/louis.hatier.me\/blog\/wp-content\/uploads\/2014\/04\/logo-html5.jpg\",\"datePublished\":\"2014-04-05T12:40:38+00:00\",\"dateModified\":\"2015-08-13T16:51:59+00:00\",\"description\":\"HTML5 et ses nouveaux attributs, balises et \u00e9l\u00e9ments de formulaire\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/#primaryimage\",\"url\":\"http:\/\/louis.hatier.me\/blog\/wp-content\/uploads\/2014\/04\/logo-html5.jpg\",\"contentUrl\":\"http:\/\/louis.hatier.me\/blog\/wp-content\/uploads\/2014\/04\/logo-html5.jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/louis.hatier.me\/blog\/#website\",\"url\":\"https:\/\/louis.hatier.me\/blog\/\",\"name\":\"Melting Poutre\",\"description\":\"Du web et d&#039;autres choses\",\"publisher\":{\"@id\":\"https:\/\/louis.hatier.me\/blog\/#\/schema\/person\/2f200d0368def135b452e65491c4dd11\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/louis.hatier.me\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/louis.hatier.me\/blog\/#\/schema\/person\/2f200d0368def135b452e65491c4dd11\",\"name\":\"Louis Hatier\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/louis.hatier.me\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cd8d107ede5a4ec340326655e74a00ca62b02e41a02442f961c36f085aa89942?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cd8d107ede5a4ec340326655e74a00ca62b02e41a02442f961c36f085aa89942?s=96&d=mm&r=g\",\"caption\":\"Louis Hatier\"},\"logo\":{\"@id\":\"https:\/\/louis.hatier.me\/blog\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/louis.hatier.me\",\"https:\/\/www.linkedin.com\/in\/louishatier\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML5 : balises, attributs, formulaire et cache manifest - Melting Poutre","description":"HTML5 et ses nouveaux attributs, balises et \u00e9l\u00e9ments de formulaire","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:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/","og_locale":"fr_FR","og_type":"article","og_title":"HTML5 : balises, attributs, formulaire et cache manifest - Melting Poutre","og_description":"HTML5 et ses nouveaux attributs, balises et \u00e9l\u00e9ments de formulaire","og_url":"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/","og_site_name":"Melting Poutre","article_published_time":"2014-04-05T12:40:38+00:00","article_modified_time":"2015-08-13T16:51:59+00:00","og_image":[{"url":"http:\/\/louis.hatier.me\/blog\/wp-content\/uploads\/2014\/04\/logo-html5.jpg","type":"","width":"","height":""}],"author":"Louis Hatier","twitter_misc":{"\u00c9crit par":"Louis Hatier","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/#article","isPartOf":{"@id":"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/"},"author":{"name":"Louis Hatier","@id":"https:\/\/louis.hatier.me\/blog\/#\/schema\/person\/2f200d0368def135b452e65491c4dd11"},"headline":"HTML5 : balises, attributs, formulaire et cache manifest","datePublished":"2014-04-05T12:40:38+00:00","dateModified":"2015-08-13T16:51:59+00:00","mainEntityOfPage":{"@id":"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/"},"wordCount":1067,"commentCount":0,"publisher":{"@id":"https:\/\/louis.hatier.me\/blog\/#\/schema\/person\/2f200d0368def135b452e65491c4dd11"},"image":{"@id":"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/#primaryimage"},"thumbnailUrl":"http:\/\/louis.hatier.me\/blog\/wp-content\/uploads\/2014\/04\/logo-html5.jpg","keywords":["HTML5","SEO"],"articleSection":["HTML\/CSS"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/","url":"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/","name":"HTML5 : balises, attributs, formulaire et cache manifest - Melting Poutre","isPartOf":{"@id":"https:\/\/louis.hatier.me\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/#primaryimage"},"image":{"@id":"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/#primaryimage"},"thumbnailUrl":"http:\/\/louis.hatier.me\/blog\/wp-content\/uploads\/2014\/04\/logo-html5.jpg","datePublished":"2014-04-05T12:40:38+00:00","dateModified":"2015-08-13T16:51:59+00:00","description":"HTML5 et ses nouveaux attributs, balises et \u00e9l\u00e9ments de formulaire","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/louis.hatier.me\/blog\/html5-balises-attributs-formulaire-cache-manifest\/#primaryimage","url":"http:\/\/louis.hatier.me\/blog\/wp-content\/uploads\/2014\/04\/logo-html5.jpg","contentUrl":"http:\/\/louis.hatier.me\/blog\/wp-content\/uploads\/2014\/04\/logo-html5.jpg"},{"@type":"WebSite","@id":"https:\/\/louis.hatier.me\/blog\/#website","url":"https:\/\/louis.hatier.me\/blog\/","name":"Melting Poutre","description":"Du web et d&#039;autres choses","publisher":{"@id":"https:\/\/louis.hatier.me\/blog\/#\/schema\/person\/2f200d0368def135b452e65491c4dd11"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/louis.hatier.me\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":["Person","Organization"],"@id":"https:\/\/louis.hatier.me\/blog\/#\/schema\/person\/2f200d0368def135b452e65491c4dd11","name":"Louis Hatier","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/louis.hatier.me\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cd8d107ede5a4ec340326655e74a00ca62b02e41a02442f961c36f085aa89942?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cd8d107ede5a4ec340326655e74a00ca62b02e41a02442f961c36f085aa89942?s=96&d=mm&r=g","caption":"Louis Hatier"},"logo":{"@id":"https:\/\/louis.hatier.me\/blog\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/louis.hatier.me","https:\/\/www.linkedin.com\/in\/louishatier\/"]}]}},"_links":{"self":[{"href":"https:\/\/louis.hatier.me\/blog\/wp-json\/wp\/v2\/posts\/382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/louis.hatier.me\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/louis.hatier.me\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/louis.hatier.me\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/louis.hatier.me\/blog\/wp-json\/wp\/v2\/comments?post=382"}],"version-history":[{"count":8,"href":"https:\/\/louis.hatier.me\/blog\/wp-json\/wp\/v2\/posts\/382\/revisions"}],"predecessor-version":[{"id":460,"href":"https:\/\/louis.hatier.me\/blog\/wp-json\/wp\/v2\/posts\/382\/revisions\/460"}],"wp:attachment":[{"href":"https:\/\/louis.hatier.me\/blog\/wp-json\/wp\/v2\/media?parent=382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/louis.hatier.me\/blog\/wp-json\/wp\/v2\/categories?post=382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/louis.hatier.me\/blog\/wp-json\/wp\/v2\/tags?post=382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}