{"id":454,"date":"2013-03-18T10:42:55","date_gmt":"2013-03-18T09:42:55","guid":{"rendered":"http:\/\/www.bocciolesi.fr\/tutoriels-et-cours\/?p=454"},"modified":"2017-02-24T14:54:17","modified_gmt":"2017-02-24T13:54:17","slug":"html5-les-nouveautes","status":"publish","type":"post","link":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/","title":{"rendered":"HTML5 | la norme"},"content":{"rendered":"
\"image_pdf\"Enregistrer en PDF<\/span><\/a><\/a><\/div>

I\u25ba C’est quoi le X-Html ? C’est quoi HTML5 ?<\/span><\/strong><\/p>\n

\n

Au d\u00e9but des ann\u00e9es 1990<\/strong>,<\/span> le langage HTML<\/span><\/strong> (H<\/span><\/strong>yper T<\/span><\/strong>ext M<\/span><\/strong>arkup L<\/span><\/strong>anguage) est n\u00e9. Directement inspir\u00e9 du langage de pr\u00e9sentation SGML<\/strong><\/span>, (S<\/strong><\/span>tandard G<\/span><\/strong>eneralized M<\/span><\/strong>arkup L<\/span><\/strong>anguage). Il permet de cr\u00e9er des documents Web (des pages HTML) qui seront affich\u00e9s dans les navigateurs Internet.
\nIl est tr\u00e8s pauvre \u00e0 ses tous d\u00e9buts en qualit\u00e9 de mise en page et de mise en forme, principalement l’information de contenu est du texte ! Il reste influenc\u00e9 par les impl\u00e9mentations des navigateurs.<\/p>\n

Le tout premier navigateur (texte) date de 1990<\/span> <\/strong>et s’appelait WorldWideWeb<\/span> <\/strong>!
\nLe premier navigateur stable, graphique et populaire s’appelait Mosaic<\/span> <\/strong>et a \u00e9t\u00e9 propuls\u00e9 en 1993<\/span><\/strong>.
\n<\/span>Le 13 octobre 1994<\/span><\/strong>,\u00a0Netscape<\/span> Navigator\u00a0<\/span><\/strong>apporte le support de nombreux \u00e9l\u00e9ments de pr\u00e9sentation ( attributs de texte, centrage, clignotement , etc ).
\n<\/span>Et en 1995<\/span><\/strong>, Internet Explorer<\/span><\/strong> voit sa version 1 appara\u00eetre …<\/span><\/p>\n

En mars 1995<\/span><\/strong>, le\u00a0W3C<\/span>\u00a0<\/span><\/strong>(Le C<\/span><\/strong>onsortium des 3W<\/span><\/strong> dont les repr\u00e9sentants sont IBM, MICROSOFT, SUN, MACROMEDIA, NETSCAPE, etc ..) est fond\u00e9 et propose la mise en place de standards de d\u00e9veloppement Web, l’objectif notamment est de d\u00e9crire la sp\u00e9cification HTML<\/span> <\/strong>et celle ci voit donc le jour.<\/p>\n

Le 18 janvier 1997<\/span><\/strong>, la sp\u00e9cification HTML 4.0 est cr\u00e9\u00e9, elle va standardiser de nombreux \u00e9l\u00e9ments comme les frames<\/em>, les objets<\/em>, les styles<\/em> et les scripts<\/em>. Finalis\u00e9e en recommandation 4.1, elle propose 3 standards dont le strict et le transitionnel. Le standard Strict pr\u00e9conise d’isoler le format du contenu, ce que sait faire \u00e0 merveille\u00a0CSS.<\/span><\/strong>\u00a0(C<\/span><\/strong>ascading S<\/span><\/strong>tyle S<\/span><\/strong>heets) .
\nDonc les attributs de format des balises HTML ne sont plus g\u00e9r\u00e9s par las balises elles-m\u00eames mais par les styles de mise en forme.<\/p>\n

En 2000<\/span><\/strong>, la recommandation HTML 4.1 est\u00a0d\u00e9finitivement\u00a0abandonn\u00e9e au profit de la nouvelle norme\u00a0X-HTML 1.0. Pourquoi ?\u00a0<\/span><\/span><\/strong>
\nX-HTML (eX<\/span><\/strong>tensible H<\/span><\/strong>yper T<\/span><\/strong>ext\u00a0M<\/span><\/strong>arkup L<\/span><\/strong>anguage) est en fait une extension d’HTML vers le langage XML, son but est d’obtenir plus de compatibilit\u00e9, plus d’interop\u00e9rabilit\u00e9 vers les applications clientes (est ce une page Web \u00e0 afficher dans un navigateur ou dans un t\u00e9l\u00e9phone portable ?) .<\/p>\n

En \u00e9tant plus stricte dans la mani\u00e8re de r\u00e9diger ses documents , cette recommandation permet de pouvoir facilement porter ses applications Web .\u00a0Et l’avenir alors ? Et bien ce n’est pas tout simple … Le W3C veut au d\u00e9but des ann\u00e9es 2000<\/span> <\/strong>continuer \u00e0 am\u00e9liorer cette nouvelle norme vers X-HTML 2.0 . Mais !<\/p>\n

En 2004<\/strong><\/span>,\u00a0des fabricants de navigateur Web\u00a0(dont MOZILLA, OPERA et APPLE<\/span><\/strong>) cr\u00e9ent le\u00a0WHATWG\u00a0<\/span><\/a><\/span><\/strong>et se lancent dans la conception d’une nouvelle norme<\/span> HTML 5<\/span><\/strong> qui sera plus facilement impl\u00e9mentable que la norme XHTML 2.0 et qui apportera plus de modularit\u00e9s et de compatibilt\u00e9 avec un Web qui change et \u00e9volue en permanence.<\/p>\n

En Mars 2007<\/span><\/strong>, les travaux du WHATWG<\/span> <\/strong>ont \u00e9t\u00e9 approuv\u00e9s par le W3C et la norme HTML 5.0<\/span><\/strong> est reconnue et continue \u00e0 se d\u00e9velopper. Les deux organismes travaillent de concert et continue \u00e0 recommander aux d\u00e9veloppeurs d’utiliser cette nouvelle norme qui est plus une mani\u00e8re diff\u00e9rente de concevoir les documents Web.<\/p>\n

Dans les prochains articles, nous allons d\u00e9tailler les nouveaut\u00e9s du HTML5 et ce qui a chang\u00e9\u00a0radicalement\u00a0dans la mani\u00e8re de penser les documents Web.<\/p>\n

Michel Bocciolesi.<\/em><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

I\u25ba C’est quoi le X-Html ? C’est quoi HTML5 ? Au d\u00e9but des ann\u00e9es 1990, le langage HTML (Hyper Text Markup Language) est n\u00e9. Directement inspir\u00e9 du langage …<\/p>\n","protected":false},"author":1,"featured_media":1626,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36,32,39],"tags":[],"class_list":["post-454","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-web","category-html5-css3","category-tutoriels"],"yoast_head":"\nHTML5 Le Successeur de X-HTML<\/title>\n<meta name=\"description\" content=\"Un bref historique de l'\u00e9volution du langage HTML est pr\u00e9sent\u00e9 depuis les ann\u00e9es 1990 jusqu'\u00e0 la cons\u00e9cration de la nouvelle norme HTML5.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML5 Le Successeur de X-HTML\" \/>\n<meta property=\"og:description\" content=\"Un bref historique de l'\u00e9volution du langage HTML est pr\u00e9sent\u00e9 depuis les ann\u00e9es 1990 jusqu'\u00e0 la cons\u00e9cration de la nouvelle norme HTML5.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutoriels et Cours\" \/>\n<meta property=\"article:published_time\" content=\"2013-03-18T09:42:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-24T13:54:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"767\" \/>\n\t<meta property=\"og:image:height\" content=\"379\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Michel BOCCIOLESI\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michel BOCCIOLESI\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/\",\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/\",\"name\":\"HTML5 Le Successeur de X-HTML\",\"isPartOf\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\",\"datePublished\":\"2013-03-18T09:42:55+00:00\",\"dateModified\":\"2017-02-24T13:54:17+00:00\",\"author\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe\"},\"description\":\"Un bref historique de l'\u00e9volution du langage HTML est pr\u00e9sent\u00e9 depuis les ann\u00e9es 1990 jusqu'\u00e0 la cons\u00e9cration de la nouvelle norme HTML5.\",\"breadcrumb\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/#primaryimage\",\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\",\"contentUrl\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\",\"width\":767,\"height\":379,\"caption\":\"Tutoriels D\u00e9veloppement Web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5 | la norme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website\",\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/\",\"name\":\"Tutoriels et Cours\",\"description\":\"Michel Bocciolesi | Formateur Consultant en Informatique\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe\",\"name\":\"Michel BOCCIOLESI\",\"description\":\"Michel Bocciolesi est consultant et formateur sp\u00e9cialis\u00e9 en Informatique.\",\"sameAs\":[\"https:\/\/www.mb-creation-web.fr\"],\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/author\/michel\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML5 Le Successeur de X-HTML","description":"Un bref historique de l'\u00e9volution du langage HTML est pr\u00e9sent\u00e9 depuis les ann\u00e9es 1990 jusqu'\u00e0 la cons\u00e9cration de la nouvelle norme HTML5.","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:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/","og_locale":"fr_FR","og_type":"article","og_title":"HTML5 Le Successeur de X-HTML","og_description":"Un bref historique de l'\u00e9volution du langage HTML est pr\u00e9sent\u00e9 depuis les ann\u00e9es 1990 jusqu'\u00e0 la cons\u00e9cration de la nouvelle norme HTML5.","og_url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/","og_site_name":"Tutoriels et Cours","article_published_time":"2013-03-18T09:42:55+00:00","article_modified_time":"2017-02-24T13:54:17+00:00","og_image":[{"width":767,"height":379,"url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","type":"image\/jpeg"}],"author":"Michel BOCCIOLESI","twitter_misc":{"\u00c9crit par":"Michel BOCCIOLESI","Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/","url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/","name":"HTML5 Le Successeur de X-HTML","isPartOf":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/#primaryimage"},"image":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/#primaryimage"},"thumbnailUrl":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","datePublished":"2013-03-18T09:42:55+00:00","dateModified":"2017-02-24T13:54:17+00:00","author":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe"},"description":"Un bref historique de l'\u00e9volution du langage HTML est pr\u00e9sent\u00e9 depuis les ann\u00e9es 1990 jusqu'\u00e0 la cons\u00e9cration de la nouvelle norme HTML5.","breadcrumb":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/#primaryimage","url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","contentUrl":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","width":767,"height":379,"caption":"Tutoriels D\u00e9veloppement Web"},{"@type":"BreadcrumbList","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveautes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/"},{"@type":"ListItem","position":2,"name":"HTML5 | la norme"}]},{"@type":"WebSite","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website","url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/","name":"Tutoriels et Cours","description":"Michel Bocciolesi | Formateur Consultant en Informatique","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe","name":"Michel BOCCIOLESI","description":"Michel Bocciolesi est consultant et formateur sp\u00e9cialis\u00e9 en Informatique.","sameAs":["https:\/\/www.mb-creation-web.fr"],"url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/author\/michel\/"}]}},"_links":{"self":[{"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/comments?post=454"}],"version-history":[{"count":14,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/454\/revisions"}],"predecessor-version":[{"id":1665,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/454\/revisions\/1665"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/media\/1626"}],"wp:attachment":[{"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/media?parent=454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/categories?post=454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/tags?post=454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}