{"id":9203,"date":"2011-01-21T14:17:11","date_gmt":"2011-01-21T12:17:11","guid":{"rendered":"http:\/\/flaven.fr\/?p=9203"},"modified":"2026-09-16T10:11:05","modified_gmt":"2026-09-16T08:11:05","slug":"w3c-devoile-le-nouveau-logo-de-html5","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2011\/01\/w3c-devoile-le-nouveau-logo-de-html5\/","title":{"rendered":"W3C d\u00e9voile le nouveau logo de HTML5"},"content":{"rendered":"<p>\n\t<!-- W3C d\u00e9voile le nouveau logo de HTML5 --><br \/>\n\t<!-- html5, design, technology, W3C, performances --><\/p>\n<p><a href=\"https:\/\/flaven.fr\/2011\/01\/21\/w3c-devoile-le-nouveau-logo-de-html5\/\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.3wdoc.com\/en\/wp-content\/uploads\/2011\/01\/logo_HTML5.jpg\" alt=\"W3C Unveils New HTML5 Logo\" title=\"W3C Unveils New HTML5 Logo\" width=\"600\" height=\"235\" class=\"alignleft size-full wp-image-778\" \/><\/a><\/p>\n<p>C&#8217;est fait W3C montre le logo officiel de l&#8217;HTML5. D&#8217;\u00e9vidence, si l&#8217;HTML5 est d\u00e9j\u00e0 en train d&#8217;\u00eatre l&#8217;objet d&#8217;un intense marketing de la part du W3C, il est fort probable que l&#8217;on n&#8217;attende pas 2022 pour sortir l&#8217;HTML5 de son statut de draft.<!--more--> C&#8217;est, \u00e0 notre avis chez 3WDOC, un signal avant-coureur plut\u00f4t positif et encourageant&#8230;<\/p>\n<p>Le W3C a donc sorti le logo flambant neuf pour la norme HTML5. Ce logo a \u00e9t\u00e9 con\u00e7u par le W3C et Ocupop. Distribu\u00e9 sous licence Creative Commons Attribution 3.0, le logo HTML5 est assez chevaleresque dans sa conception. Il s&#8217;axe toute entier autour d&#8217;une sorte de bouclier barr\u00e9 du chiffre 5. Ce qui d&#8217;\u00e9vidence se pr\u00eate \u00e0 la cr\u00e9ation de tee-shirt et r\u00e9v\u00e8le le caract\u00e8re offensif de l&#8217;HTML5, nouveau bouclier derri\u00e8re lequel se prot\u00e9ger et avancer pour contrer les technologies propri\u00e9taires&#8230;. Soyons un peu lyrique !<\/p>\n<p>Une chose \u00e0 retenir dans l&#8217;annonce faite par le W3C, qui fait plutot les affaires de 3WDOC, disons-le clairement <b>&#8220;ce n&#8217;est pas n\u00e9cessaire d&#8217;attendre que tout soit finalis\u00e9 avant de pouvoir commencer \u00e0 \u00eatre utilis\u00e9&#8221;<\/b>.<\/p>\n<blockquote><p>It&#8217;s not necessary to wait until everything is finalised before it can start to be used<\/p><\/blockquote>\n<p><i>Source :<a href=\"http:\/\/www.w3.org\/html\/logo\/\">http:\/\/www.w3.org\/html\/logo\/<\/a><\/i><\/p>\n<h2>Le logo HTML5<\/h2>\n<p>\tUne d\u00e9claration tonitruante, qui fait son effet d&#8217;annonce et tout \u00e0 coup ringardise un peu les autres technologies. En clair, si vous ne passez pas \u00e0 HTML5, c&#8217;est que vous \u00eates un ringard et un conservateur&#8230; C&#8217;est dommage ! Placez-vous donc sans plus attendre sous la banni\u00e8re de l&#8217;HTML5&#8230;<\/p>\n<blockquote class=\"doubleq\">\n<h4>It stands strong and true, resilient and universal as the markup you write. It shines as bright and as bold as the forward-thinking, dedicated web developers you are. It&#8217;s the standard&#8217;s standard, a pennant for progress. And it certainly doesn&#8217;t use tables for layout.<br \/>\n\tWe present an HTML5 logo.<\/h4>\n<\/blockquote>\n<h2>La technologie :<\/h2>\n<p>\tPlus technique mais tout aussi int\u00e9ressant, assez insistant sur les potentialit\u00e9s de l&#8217;HTML5. Combin\u00e9 \u00e0 un navigateur moderne genre Chrome, cela va cracher des flammes, ni plus ni moins&#8230;<\/p>\n<blockquote class=\"doubleq\">\n<h4>Imagination, meet implementation. HTML5 is the cornerstone of the W3C&#8217;s open web platform; a framework designed to support innovation and foster the full potential the web has to offer. Heralding this revolutionary collection of tools and standards, the HTML5 identity system provides the visual vocabulary to clearly classify and communicate our collective efforts.<\/h4>\n<\/blockquote>\n<p>\t<b>Plus bas, on a un floril\u00e8ge des avantages du HTML5, qui comme on dit en est &#8220;self explanatory&#8221;, c&#8217;est \u00e0 dire parle de soi-m\u00eame !<\/b><\/p>\n<table style=\"width:100%;\">\n<tr>\n<td style=\"width:30%;\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" style=\"margin:5px 0;\" src=\"http:\/\/blog.3wdoc.com\/en\/wp-content\/uploads\/2011\/01\/logoHTML5_semantics.png\" alt=\"\" title=\"logoHTML5_semantics\" width=\"93\" height=\"86\" \/>\n\t\t\t<\/td>\n<td style=\"width:70%;\">\n<h4 style=\"margin: 0 0;\">Class: Semantics<\/h4>\n<p style=\" line-height: 18px;  margin: 5px 0;\">Giving meaning to structure, semantics are front and center with HTML5. A richer set of tags, along with RDFa, microdata, and microformats, are enabling a more useful, data driven web for both programs and your users.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width:30%;\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" style=\"margin:5px 0;\" src=\"http:\/\/blog.3wdoc.com\/en\/wp-content\/uploads\/2011\/01\/logoHTML5_offline.png\" alt=\"\" title=\"logoHTML5_offline\" width=\"93\" height=\"86\"\/>\n\t\t\t<\/td>\n<td style=\"width:70%;\">\n<h4 style=\"margin: 0 0;\">Class: Offline &#038; Storage<\/h4>\n<p style=\" line-height: 18px;  margin: 5px 0;\">HTML5 apps can start faster, and work even if there is no internet connection, thanks to the App Cache, Local Storage, Indexed DB, and the File APIs.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width:30%;\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" style=\"margin:5px 0;\" src=\"http:\/\/blog.3wdoc.com\/en\/wp-content\/uploads\/2011\/01\/logoHTML5_access.png\" alt=\"\" title=\"logoHTML5_access\" width=\"93\" height=\"86\"\/>\n\t\t\t<\/td>\n<td style=\"width:70%;\">\n<h4 style=\"margin: 0 0;\">Class: Device Access<\/h4>\n<p style=\" line-height: 18px;  margin: 5px 0;\">With geo-location just the beginning, HTML5 will help apps to access devices outside of your browser and connected to your computer.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width:30%;\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" style=\"margin:5px 0;\" src=\"http:\/\/blog.3wdoc.com\/en\/wp-content\/uploads\/2011\/01\/logoHTML5_connectivity.png\" alt=\"\" title=\"logoHTML5_connectivity\" width=\"93\" height=\"86\"\/>\n\t\t\t<\/td>\n<td style=\"width:70%;\">\n<h4 style=\"margin: 0 0;\">Class: Connectivity<\/h4>\n<p style=\" line-height: 18px;  margin: 5px 0;\">More efficient connectivity means more real-time chats, faster games, and better communication. Web Sockets and Server-Sent Events are pushing (pun intended) data between client and server more efficiently than ever before.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width:30%;\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" style=\"margin:5px 0;\" src=\"http:\/\/blog.3wdoc.com\/en\/wp-content\/uploads\/2011\/01\/logoHTML5_multimedia.png\" alt=\"\" title=\"logoHTML5_multimedia\" width=\"93\" height=\"86\" \/>\n\t\t\t<\/td>\n<td style=\"width:70%;\">\n<h4 style=\"margin: 0 0;\">Class: Multimedia<\/h4>\n<p style=\" line-height: 18px;  margin: 5px 0;\">Audio and video are first class citizens in the HTML5 web, living in harmony with your apps and sites. Lights, camera, action!<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width:30%;\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" style=\"margin:5px 0;\" src=\"http:\/\/blog.3wdoc.com\/en\/wp-content\/uploads\/2011\/01\/logoHTML5_3Deffects.png\" alt=\"\" title=\"logoHTML5_3Deffects\" width=\"93\" height=\"86\" \/>\n\t\t\t<\/td>\n<td style=\"width:70%;\">\n<h4 style=\"margin: 0 0;\">Class: 3D, Graphics &#038; Effects<\/h4>\n<p style=\" line-height: 18px;  margin: 5px 0;\">Between SVG, Canvas, WebGL, and CSS3 3D features, you&#8217;re sure to amaze your users with stunning visuals natively rendered in the browser.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width:30%;\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" style=\"margin:5px 0;\" src=\"http:\/\/blog.3wdoc.com\/en\/wp-content\/uploads\/2011\/01\/logoHTML5_performance.png\" alt=\"\" title=\"logoHTML5_performance\" width=\"93\" height=\"86\"\/>\n\t\t\t<\/td>\n<td style=\"width:70%;\">\n<h4 style=\"margin: 0 0;\">Class: Performance &#038; Integration<\/h4>\n<p style=\" line-height: 18px;  margin: 5px 0;\">Make your web app, and the web, faster with a variety of techniques and technologies such as Web Workers and XMLHttpRequest 2. No user shall ever wait on your watch.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width:30%;\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" style=\"margin:5px 0;\" src=\"http:\/\/blog.3wdoc.com\/en\/wp-content\/uploads\/2011\/01\/logoHTML5_css3.png\" alt=\"\" title=\"logoHTML5_css3\" width=\"93\" height=\"86\" \/>\n\t\t\t<\/td>\n<td style=\"width:70%;\">\n<h4 style=\"margin: 0 0;\" >Class: CSS3<\/h4>\n<p style=\" line-height: 18px;  margin: 5px 0;\">CSS3 delivers a wide range of stylization and effects, enhancing the web app without sacrificing your semantic structure or performance. Additionally Web Open Font Format (WOFF) provides typographic flexibility and control far beyond anything the web has offered before.<\/p>\n<\/td>\n<\/tr>\n<\/table>\n<p>Badge Builder 5000 : <\/p>\n<table style=\"width:100%;\">\n<tr>\n<td style=\"text-align:center;\">\n\t\t\t\t<a href=\"http:\/\/www.w3.org\/html\/logo\/\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.w3.org\/html\/logo\/badge\/html5-badge-h-connectivity-css3-device-graphics-multimedia-performance-semantics-storage.png\" width=\"357\" height=\"64\" alt=\"HTML5 Powered with Connectivity \/ Realtime, CSS3 \/ Styling, Device Access, Graphics, 3D &amp; Effects, Multimedia, Performance &amp; Integration, Semantics, and Offline &amp; Storage\" title=\"HTML5 Powered with Connectivity \/ Realtime, CSS3 \/ Styling, Device Access, Graphics, 3D &amp; Effects, Multimedia, Performance &amp; Integration, Semantics, and Offline &amp; Storage\" \/><br \/>\n\t\t\t\t<\/a>\n\t\t\t<\/td>\n<\/tr>\n<\/table>\n<h4>WEAR IT NOW FOR THE FUTURE : <a target=\"_blank\" href=\"http:\/\/html5shirt.com\/\" alt=\"http:\/\/html5shirt.com\/\">http:\/\/html5shirt.com\/<\/a><\/h4>\n<h2>Pour aller plus loin<\/h2>\n<ul>\n<li>La page officielle du logo HTML5 sur le site du W3C<br \/><a target=\"_blank\" href=\"http:\/\/www.w3.org\/html\/logo\/\" alt=\"http:\/\/www.w3.org\/html\/logo\/\">http:\/\/www.w3.org\/html\/logo\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>C&#8217;est fait W3C montre le logo officiel de l&#8217;HTML5. D&#8217;\u00e9vidence, si l&#8217;HTML5 est d\u00e9j\u00e0 en train d&#8217;\u00eatre l&#8217;objet d&#8217;un intense marketing de la part du&hellip; <\/p>\n<p class=\"text-center\"><a href=\"https:\/\/flaven.fr\/2011\/01\/w3c-devoile-le-nouveau-logo-de-html5\/\" class=\"more-link\">Continue reading &rarr; <span class=\"screen-reader-text\">W3C d\u00e9voile le nouveau logo de HTML5<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":9702,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"W3C pr\u00e9sente le logo officiel de HTML5, con\u00e7u avec Ocupop. Ce logo sous licence Creative Commons Attribution 3.0, est pr\u00eat pour des cr\u00e9ations vari\u00e9es.","bf_ai_og_title":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3436,1,3447,3448,3451,3435],"tags":[3510,515,2185,997,998,230],"class_list":["post-9203","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-storytelling-webdocs","category-miscellaneous-other","category-technology-trends","category-tools-productivity","category-web-design-front-end","category-web-development","tag-canva","tag-design","tag-html5","tag-performances","tag-technology","tag-w3c"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-2or","jetpack_featured_media_url":"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/01\/logo_HTML5_slider_bf.jpg","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/9203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=9203"}],"version-history":[{"count":1,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/9203\/revisions"}],"predecessor-version":[{"id":9703,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/9203\/revisions\/9703"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media\/9702"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=9203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=9203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=9203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}