{"id":933,"date":"2011-01-28T12:45:09","date_gmt":"2011-01-28T11:45:09","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=933"},"modified":"2015-01-18T16:38:15","modified_gmt":"2015-01-18T15:38:15","slug":"html5-le-logo-la-marque-lesprit","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/veille-graphique\/html5-le-logo-la-marque-lesprit","title":{"rendered":"HTML5, le logo, la marque, l&rsquo;esprit"},"content":{"rendered":"<p>Avec tout le bruit que \u00e7a a fait derni\u00e8rement, vous n&rsquo;\u00eates certainement pas sans savoir que le <abbr title=\"World Wide Web Consortium\">W3C<\/abbr> s&rsquo;est pay\u00e9 le luxe d&rsquo;un logo pour promouvoir <abbr>HTML<\/abbr>5 (et bien plus encore) :p<br \/>\nA la base je ne souhaitais pas \u00e9crire d&rsquo;article sur ce sujet, <a href=\"http:\/\/www.alsacreations.com\/actu\/lire\/1171-ne-mappelez-plus-html-5.html\" target=\"_blank\" title=\"Article sur HTML5 sur Alsacr\u00e9ations.com\">Alsacr\u00e9ations<\/a>, et d&rsquo;autres s&rsquo;en sont occup\u00e9s avec<!--more--> plus ou moins d&rsquo;attention. On m&rsquo;a cependant demand\u00e9 \u00e0 plusieurs reprises ce que j&rsquo;en pensais, et surtout pourquoi je n&rsquo;en parlais pas.<\/p>\n<p>Je vais en parler du coup, mais mon point de vue reste tr\u00e8s mitig\u00e9 et encore embryonnaire.<br \/>\nAvant tout, on parle bien de <a href=\"http:\/\/www.w3.org\/html\/logo\/\" title=\"Logo HTML5 (nouvelle fen\u00eatre)\" hreflang=\"en\" target=\"_blank\">ce logo<\/a>.<\/p>\n<h2><cite>\u00ab\u00a0Hey mais il utilise <abbr>HTML<\/abbr>5 !\u00a0\u00bb<\/cite><\/h2>\n<p><a class=\"alignright\" href=\"http:\/\/www.w3.org\/html\/logo\/\"><img decoding=\"async\" style=\"border:0;\" src=\"http:\/\/www.w3.org\/html\/logo\/badge\/html5-badge-h-css3-semantics.png\" width=\"165\" height=\"64\" alt=\"HTML5 Powered with CSS3 \/ Styling, and Semantics\" title=\"HTML5 Powered with CSS3 \/ Styling, and Semantics\" \/><\/a>Voil\u00e0 peut-\u00eatre un des avantages premiers, \u00ab\u00a0se la p\u00e9ter\u00a0\u00bb en arborant le logo <abbr>HTML<\/abbr>5 sur son site.<br \/>\nOutre l&rsquo;effet cr\u00e2neur-k\u00e9k\u00e9-des-sables qu&rsquo;offre le logo &#8211; un peu \u00e0 l&rsquo;image du \u00ab\u00a0<a href=\"http:\/\/validator.w3.org\/images\/valid_icons\/valid-xhtml10.png\" class=\"fancy\"><span title=\"Visualiser le logo dans une fen\u00eatre modale\">W3C Valid<\/span><\/a>\u00a0\u00bb arbor\u00e9 par des sites invalides (et parfois valides, tout de m\u00eame) &#8211; il est important de noter qu&rsquo;il peut facilement jouer le r\u00f4le d&rsquo;information aupr\u00e8s de nos clients, qui vont forc\u00e9ment finir par se dire que \u00ab\u00a0<abbr>HTML<\/abbr>5 c&rsquo;est bien\u00a0\u00bb et \u00ab\u00a0qu&rsquo;il faut l&rsquo;utiliser\u00a0\u00bb.<\/p>\n<p>Rien que sur cet aspect des choses, on va se retrouver avec des sites qui utilisent <abbr>HTML<\/abbr>5 comme outil de communication marketing, et d&rsquo;autres qui n&rsquo;arboreront pas le logo <abbr>HTML<\/abbr>5 mais qui feront l&rsquo;effort de mettre \u00e0 jour leur site web au fil de l&rsquo;\u00e9volution du \u00ab\u00a0<em lang=\"en\">Living<\/em>\u00a0\u00bb langage.<br \/>\nBeaucoup de gros sites ont simplement chang\u00e9 leur <a href=\"http:\/\/xhtml.britoweb.net\/post\/Le-doctype-pour-HTML-4-et-5-et-XHTML\" title=\"Victro Brito nous pr\u00e9sente les DOCTYPE et leur utilit\u00e9 (nouvelle fen\u00eatre)\" target=\"_blank\">DOCTYPE<\/a> pour passer \u00e0 celui de <abbr>HTML<\/abbr>5&hellip; ok, fun ! Mais <abbr>HTML<\/abbr>5 n&rsquo;est pas qu&rsquo;un Doctype ou un ensemble de nouvelles balises.<\/p>\n<h2>Un langage solide<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2011\/01\/html5-semantic-powered.jpg\" alt=\"Les diff\u00e9rents logos &quot;des HTML5&quot;\" title=\"Les diff\u00e9rents logos &quot;des HTML5&quot;\" width=\"250\" height=\"315\" class=\"alignleft size-full wp-image-985\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2011\/01\/html5-semantic-powered.jpg 250w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2011\/01\/html5-semantic-powered-238x300.jpg 238w\" sizes=\"(max-width: 250px) 100vw, 250px\" \/>C&rsquo;est probablement ce que le logo fait ressortir le mieux&nbsp;: outre <a href=\"http:\/\/graphism.fr\/dj-les-parodies-du-logo-pour-le-html5\" title=\"Geoffrey Dorne nous pr\u00e9sente les parodies du logo HTML5 (nouvelle fen\u00eatre)\" target=\"_blank\">les parodies du logo<\/a> le mettant en sc\u00e8ne \u00e0 la <em lang=\"en\">Transformers<\/em> ou en bouclier d\u00e9fenseur de nos arm\u00e9es, l&rsquo;aspect solide est bel et bien pr\u00e9sent.<\/p>\n<p>Le <abbr>W3C<\/abbr> a souhait\u00e9 r\u00e9unir sous la m\u00eame charte graphique les diff\u00e9rentes \u00e9volutions de Web moderne, et des apports de ces \u00e9volutions.<br \/>\nM\u00eame <abbr>CSS<\/abbr>3 a \u00e9t\u00e9 emport\u00e9 par la vague.<\/p>\n<p>Le probl\u00e8me est l\u00e0 justement, comment ne pas tout m\u00e9langer ? Lorsqu&rsquo;on parle de <abbr>HTML<\/abbr>5, on l&rsquo;associe souvent \u00e0 <abbr>CSS<\/abbr>3. Ok mais <abbr>HTML<\/abbr>5 n&rsquo;est pas du <abbr>CSS<\/abbr>3, et <abbr>CSS<\/abbr>3 peut \u00eatre utilis\u00e9 en <abbr>XHTML<\/abbr> ou en <abbr>HTML<\/abbr>4 sans aucun souci. Il en est de m\u00eame pour les apports du c\u00f4t\u00e9 de Javascript (<em lang=\"en\">canvas, local storage<\/em>).<\/p>\n<h2><abbr>HTML5<\/abbr> est mort, vive <abbr>HTML<\/abbr> !<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2011\/01\/html-living-standard.png\" alt=\"HTML Living Standard\" title=\"HTML Living Standard\" width=\"298\" height=\"115\" class=\"alignright size-full wp-image-988\" \/>Nouvelle contradictoire avec l&rsquo;initiative du <abbr>W3C<\/abbr> : <a href=\"http:\/\/www.whatwg.org\/specs\/web-apps\/current-work\/multipage\/\" target=\"_blank\" title=\"Le Living Standard pour le WhatWG (nouvelle fen\u00eatre - anglais)\" hreflang=\"en\">What<abbr title=\"Working Group\">WG<\/abbr><\/a> invite \u00e0 parler de <abbr>HTML<\/abbr> <em lang=\"en\">Living Standard<\/em> et non plus de <abbr>HTML<\/abbr>5&hellip; c&rsquo;est ballot pour le logo fra\u00eechement pondu&hellip;<br \/>\nJe ne suis pas sp\u00e9cialement fan de cet abandon de particule num\u00e9rale qui offre quand m\u00eame un curseur clair et concis \u00e0 la version utilis\u00e9e. Mais parall\u00e8lement je comprends le d\u00e9sire de r\u00e9unir l&rsquo;aspect applicatif et \u00e9volutif dans la repr\u00e9sentation de cette version de <abbr>HTML<\/abbr>.<\/p>\n<h2>Pour conclure<\/h2>\n<p>Il va \u00eatre difficile de conclure sur ce point de vue g\u00e9n\u00e9ral si ambigu.<br \/>\nLa seule chose qui est certaine dans tout cela c&rsquo;est que la communication autour de <abbr>HTML5<\/abbr> et de ses apports est une bonne chose. La prise en charge de ces nouveaut\u00e9s par les diff\u00e9rents navigateurs doit suivre le m\u00eame mouvement d&rsquo;\u00e9volution, et le seul moyen d&rsquo;y arriver c&rsquo;est de changer les habitudes des utilisateurs (et donc de nos clients ?) en leur proposant des nouveaut\u00e9s. (plus facile \u00e0 dire qu&rsquo;\u00e0 faire&hellip;)<\/p>\n<p>Voil\u00e0 mon point de vue encore tout frais, mais je reste \u00e0 disposition pour en discuter avec vous \ud83d\ude42<\/p>\n<p><em class=\"sources\">Liens utiles et sources :<br \/>\n&#8211; <a href=\"http:\/\/www.alsacreations.com\/actu\/lire\/1171-ne-mappelez-plus-html-5.html\" target=\"_blank\" title=\"Article sur HTML5 sur Alsacr\u00e9ations.com\">Alsacr\u00e9ations &#8211; Ne m&rsquo;appelez plus <abbr>HTML<\/abbr>5<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.w3.org\/html\/logo\/\" title=\"Logo HTML5 (nouvelle fen\u00eatre)\" hreflang=\"en\" target=\"_blank\">Le logo <abbr>HTML5<\/abbr><\/a><br \/>\n&#8211; <a href=\"http:\/\/xhtml.britoweb.net\/post\/Le-doctype-pour-HTML-4-et-5-et-XHTML\" title=\"Victro Brito nous pr\u00e9sente les DOCTYPE et leur utilit\u00e9 (nouvelle fen\u00eatre)\" target=\"_blank\">Les DOCTYPEs<\/a><br \/>\n&#8211; <a href=\"http:\/\/graphism.fr\/dj-les-parodies-du-logo-pour-le-html5\" title=\"Geoffrey Dorne nous pr\u00e9sente les parodies du logo HTML5 (nouvelle fen\u00eatre)\" target=\"_blank\">Les parodies du logo <abbr>HTML<\/abbr>5<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.whatwg.org\/specs\/web-apps\/current-work\/multipage\/\" target=\"_blank\" title=\"Le Living Standard pour le WhatWG (nouvelle fen\u00eatre - anglais)\" hreflang=\"en\">What<abbr title=\"Working Group\">WG<\/abbr> \u00ab\u00a0<em lang=\"en\">Living Standard<\/em>\u00ab\u00a0<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Avec tout le bruit que \u00e7a a fait derni\u00e8rement, vous n&rsquo;\u00eates certainement pas sans savoir que le W3C s&rsquo;est pay\u00e9 le luxe d&rsquo;un logo pour promouvoir HTML5 (et bien plus encore) :p A la base je ne souhaitais pas \u00e9crire d&rsquo;article sur ce sujet, Alsacr\u00e9ations, et d&rsquo;autres s&rsquo;en sont occup\u00e9s avec<\/p>\n","protected":false},"author":4,"featured_media":978,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[11,12],"tags":[16,314,91,268,315],"coauthors":[597],"class_list":["post-933","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-graphique","category-veille-technologique","tag-html5","tag-living-standard","tag-logo","tag-w3c","tag-whatwg"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=933"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/933\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/978"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=933"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}