{"id":476,"date":"2013-03-18T13:48:57","date_gmt":"2013-03-18T12:48:57","guid":{"rendered":"http:\/\/www.bocciolesi.fr\/tutoriels-et-cours\/?p=476"},"modified":"2017-02-24T14:53:16","modified_gmt":"2017-02-24T13:53:16","slug":"html5-les-nouveaux-elements","status":"publish","type":"post","link":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveaux-elements\/","title":{"rendered":"HTML5 &#8211; Les Nouveaux El\u00e9ments"},"content":{"rendered":"<div class=\"pdfprnt-buttons pdfprnt-buttons-post pdfprnt-top-right\"><a href=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/476?print=pdf\" class=\"pdfprnt-button pdfprnt-button-pdf\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/plugins\/pdf-print\/images\/pdf.png\" alt=\"image_pdf\" title=\"Afficher le PDF\" \/><span class=\"pdfprnt-button-title pdfprnt-button-pdf-title\">Enregistrer en PDF<\/span><\/a><a href=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/476?print=print\" class=\"pdfprnt-button pdfprnt-button-print\" target=\"_blank\"><\/a><\/div><p><span style=\"color: #3366ff;\"><strong>I\u25baDans cet article, nous allons voir les nouvelles balises (nouveaux \u00e9l\u00e9ments) introduits en HTML5.<\/strong><\/span><\/p>\n<p>Voici un exemple du d\u00e9but du body :<\/p>\n<p><a href=\"https:\/\/www.mb-creation-web.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture3.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-478 alignnone\" src=\"https:\/\/www.mb-creation-web.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture3.png\" alt=\"Capture\" width=\"688\" height=\"320\" srcset=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture3.png 688w, https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture3-300x139.png 300w, https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture3-624x290.png 624w\" sizes=\"auto, (max-width: 688px) 100vw, 688px\" \/><\/a><\/p>\n<p><span style=\"font-size: 1rem; line-height: 1.714285714;\">Ici, nous avons conserv\u00e9 un \u00e9l\u00e9ment DIV qui contiendra tous les autres \u00e9l\u00e9ments HTML de la page <\/span><\/p>\n<ul>\n<li><span style=\"font-size: 1rem; line-height: 1.714285714;\"><span style=\"font-size: 1rem; line-height: 1.714285714;\"><span style=\"font-size: 1rem; line-height: 1.714285714;\">L&#8217;\u00e9l\u00e9ment <strong><span style=\"color: #ff6600;\">HEADER<\/span> <\/strong>est nouveau :<br \/>\n<span style=\"font-size: 1rem; line-height: 1.714285714;\">Il repr\u00e9sente l&#8217;ent\u00eate d&#8217;une <strong><span style=\"color: #ff6600;\">page<\/span>\u00a0,\u00a0<\/strong>d&#8217;une <strong><span style=\"color: #ff6600;\">section <\/span><\/strong><span style=\"color: #666699;\">ou d&#8217;un<\/span><strong><span style=\"color: #ff6600;\"> article<\/span><\/strong>. Il concerne l&#8217;introduction du document ou de la section, il peut contenir les \u00e9l\u00e9ments de navigation.<\/span><\/span><\/span><\/span><\/li>\n<li>L&#8217;\u00e9l\u00e9ment <strong><span style=\"color: #ff6600;\">NAV<\/span> <\/strong>est nouveau :<br \/>\nIl regroupe les \u00e9l\u00e9ments de navigation, les hyperliens (internes ou externes). Il est recommand\u00e9 d&#8217;utiliser les listes \u00e0 puces pour regrouper ces m\u00eames liens.<\/li>\n<li>L&#8217;\u00e9l\u00e9ment <strong><span style=\"color: #ff6600;\">SECTION<\/span> <\/strong>est nouveau :<br \/>\nIl permet de d\u00e9couper le\u00a0document\u00a0en zones regroupant une m\u00eame th\u00e9matique. Chaque section peut contenir un header et plusieurs autres \u00e9l\u00e9ments dont hgroup<br \/>\nVoici un exemple de section :<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.mb-creation-web.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture4.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-484 alignnone\" src=\"https:\/\/www.mb-creation-web.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture4.png\" alt=\"Capture\" width=\"637\" height=\"362\" srcset=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture4.png 637w, https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture4-300x170.png 300w, https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture4-624x354.png 624w\" sizes=\"auto, (max-width: 637px) 100vw, 637px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"line-height: 1.714285714; font-size: 1rem;\">L&#8217;\u00e9l\u00e9ment\u00a0<\/span><span style=\"color: #ff6600;\"><strong style=\"line-height: 1.714285714; font-size: 1rem;\">HGROUP\u00a0<\/strong><\/span><span style=\"line-height: 1.714285714; font-size: 1rem;\">est nouveau :<br \/>\nIl permet de regrouper des \u00e9l\u00e9ments de niveau H1, H2, .. H6<br \/>\n<span style=\"text-decoration: underline;\"><em>PS<\/em> <\/span>: A noter , l&#8217;utilisation de <strong><span style=\"color: #ff6600;\">H1<\/span> <\/strong>est normalement unique dans le document HTM mais il pourra\u00eet \u00eatre utilis\u00e9 plusieurs fois si la logique des th\u00e8mes abord\u00e9s dans la page fait r\u00e9f\u00e9rence \u00e0 plusieurs informationq diff\u00e9rentes.<br \/>\nRegardez la vid\u00e9o de Matt Cuts \u00e0 ce propos :<br \/>\n<a title=\"Matt Cuts ' More than one H'\" href=\"http:\/\/www.youtube.com\/watch?v=GIn5qJKU8VM\" target=\"_blank\">http:\/\/www.youtube.com\/watch?v=GIn5qJKU8VM<br \/>\n<\/a><br \/>\n<\/span><\/li>\n<li>L&#8217;\u00e9l\u00e9ment <strong><span style=\"color: #ff6600;\">ARTICLE<\/span> <\/strong>est nouveau:<br \/>\nIl repr\u00e9sente une zone ind\u00e9pendante du document, il peut contenir son propre header et footer et peut \u00eatre rencontr\u00e9 plusieurs fois dans le\u00a0document\u00a0 Il peut contenir un article, une vid\u00e9o, un gadget, un commentaire. Mais son contenu doit \u00eatre unique d&#8217;un point de vue information.<br \/>\nVoici un exemple contenant article<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.mb-creation-web.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture5.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-491 alignnone\" src=\"https:\/\/www.mb-creation-web.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture5.png\" alt=\"Capture\" width=\"661\" height=\"364\" srcset=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture5.png 661w, https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture5-300x165.png 300w, https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture5-624x343.png 624w\" sizes=\"auto, (max-width: 661px) 100vw, 661px\" \/><\/a><\/p>\n<ul>\n<li><span style=\"line-height: 1.714285714; font-size: 1rem;\">\u00a0L&#8217;\u00e9l\u00e9ment\u00a0<\/span><span style=\"color: #ff6600;\"><strong style=\"line-height: 1.714285714; font-size: 1rem;\">ASIDE\u00a0<\/strong><\/span><span style=\"font-size: 1rem; line-height: 1.714285714;\">est nouveau:<\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 1rem; line-height: 1.714285714;\"><span style=\"font-size: 1rem; line-height: 1.714285714;\">Il repr\u00e9sente une zone non\u00a0<\/span><span style=\"line-height: 1.714285714; font-size: 1rem;\">essentielle<\/span><span style=\"font-size: 1rem; line-height: 1.714285714;\">\u00a0du document, une zone annexe ou suppl\u00e9mentaire.<br \/>\n<span style=\"font-size: 1rem; line-height: 1.714285714;\">Il est suppos\u00e9 contenir un H1. Assise peut \u00eatre \u00e9galement rencontr\u00e9 dans article.<br \/>\n<span style=\"font-size: 1rem; line-height: 1.714285714;\">Voici un exemple de l&#8217;\u00e9l\u00e9ment ASIDE avec des images &#8230;<\/span><\/span><\/span><\/span><\/p>\n<p><span style=\"line-height: 1.714285714; font-size: 1rem;\"><a href=\"https:\/\/www.mb-creation-web.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture7.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-495 alignnone\" src=\"https:\/\/www.mb-creation-web.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture7.png\" alt=\"Capture\" width=\"558\" height=\"214\" srcset=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture7.png 558w, https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture7-300x115.png 300w\" sizes=\"auto, (max-width: 558px) 100vw, 558px\" \/><\/a>\u00a0<\/span><\/p>\n<ul>\n<li><span style=\"line-height: 1.714285714; font-size: 1rem;\">L&#8217;\u00e9l\u00e9ment\u00a0<\/span><span style=\"line-height: 1.714285714; font-size: 1rem; color: #ff6600;\"><strong>FIGURE\u00a0<\/strong><\/span><span style=\"line-height: 1.714285714; font-size: 1rem;\"><span style=\"line-height: 1.714285714; font-size: 1rem;\">est nouveau:<br \/>\n<em id=\"__mceDel\" style=\"line-height: 1.714285714; font-size: 1rem;\"><span style=\"font-size: 1rem; line-height: 1.714285714;\">Il regroupe plusieurs m\u00e9dias ensemble (images, vid\u00e9os, ..). Il n&#8217;est pas obligatoire de pr\u00e9senter les m\u00e9dias dans des p ou des li.<\/span><\/em><\/span><\/span><\/li>\n<\/ul>\n<ul>\n<li><span style=\"line-height: 1.714285714; font-size: 1rem;\"><span style=\"line-height: 1.714285714; font-size: 1rem;\"><span style=\"font-size: 1rem; line-height: 1.714285714;\"><strong style=\"line-height: 1.714285714; font-size: 1rem;\"><span style=\"color: #ff6600;\">FIGURECAPTION<\/span> <\/strong><span style=\"line-height: 1.714285714; font-size: 1rem;\">donne une description des m\u00e9dias contenus dans figure, on peut le placer au d\u00e9but ou \u00e0 la fin de figure.<\/span><\/span><\/span><\/span><\/li>\n<\/ul>\n<ul>\n<li>L&#8217;\u00e9l\u00e9ment <strong><span style=\"color: #ff6600;\">FOOTER<\/span> <\/strong>est nouveau :<br \/>\nIl regroupe les informations de bas de page soit dans le document, soit dans section ou article. On peut y ins\u00e9rer des hyperliens sans li.<\/li>\n<li>L&#8217;attribut <strong><span style=\"color: #3366ff;\">ROLE<\/span> <\/strong>appara\u00eet aussi avec HTML5 :<br \/>\nExemple : nav role=&#8217;navigation&#8217;<br \/>\nROLE ARIA (Accessible Riche Internet Application) permet de pr\u00e9ciser la fonction des \u00e9l\u00e9ments du document et de permettre aux mat\u00e9riels et \u00e9quipement d&#8217;accessibilit\u00e9 de se rep\u00e9rer facilement dans le document &#8230;=&gt; On peut facilement les manipuler en CSS au lieu d&#8217;ajouter un iD ou une Class.<br \/>\nnav[role=&#8217;navigation&#8217;]<br \/>\n{ background-color:#AED; }<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I\u25baDans cet article, nous allons voir les nouvelles balises (nouveaux \u00e9l\u00e9ments) introduits en HTML5. Voici un exemple du d\u00e9but du body : Ici, nous avons conserv\u00e9 un \u00e9l\u00e9ment &#8230;<\/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-476","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-web","category-html5-css3","category-tutoriels"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML5 - Les Nouveaux El\u00e9ments - Tutoriels et Cours<\/title>\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-nouveaux-elements\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML5 - Les Nouveaux El\u00e9ments - Tutoriels et Cours\" \/>\n<meta property=\"og:description\" content=\"I\u25baDans cet article, nous allons voir les nouvelles balises (nouveaux \u00e9l\u00e9ments) introduits en HTML5. Voici un exemple du d\u00e9but du body : Ici, nous avons conserv\u00e9 un \u00e9l\u00e9ment ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveaux-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutoriels et Cours\" \/>\n<meta property=\"article:published_time\" content=\"2013-03-18T12:48:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-24T13:53:16+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=\"2 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-nouveaux-elements\/\",\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveaux-elements\/\",\"name\":\"HTML5 - Les Nouveaux El\u00e9ments - Tutoriels et Cours\",\"isPartOf\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveaux-elements\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveaux-elements\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\",\"datePublished\":\"2013-03-18T12:48:57+00:00\",\"dateModified\":\"2017-02-24T13:53:16+00:00\",\"author\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe\"},\"breadcrumb\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveaux-elements\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveaux-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveaux-elements\/#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-nouveaux-elements\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5 &#8211; Les Nouveaux El\u00e9ments\"}]},{\"@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 - Les Nouveaux El\u00e9ments - Tutoriels et Cours","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-nouveaux-elements\/","og_locale":"fr_FR","og_type":"article","og_title":"HTML5 - Les Nouveaux El\u00e9ments - Tutoriels et Cours","og_description":"I\u25baDans cet article, nous allons voir les nouvelles balises (nouveaux \u00e9l\u00e9ments) introduits en HTML5. Voici un exemple du d\u00e9but du body : Ici, nous avons conserv\u00e9 un \u00e9l\u00e9ment ...","og_url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveaux-elements\/","og_site_name":"Tutoriels et Cours","article_published_time":"2013-03-18T12:48:57+00:00","article_modified_time":"2017-02-24T13:53:16+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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveaux-elements\/","url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveaux-elements\/","name":"HTML5 - Les Nouveaux El\u00e9ments - Tutoriels et Cours","isPartOf":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveaux-elements\/#primaryimage"},"image":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveaux-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","datePublished":"2013-03-18T12:48:57+00:00","dateModified":"2017-02-24T13:53:16+00:00","author":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe"},"breadcrumb":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveaux-elements\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveaux-elements\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-les-nouveaux-elements\/#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-nouveaux-elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/"},{"@type":"ListItem","position":2,"name":"HTML5 &#8211; Les Nouveaux El\u00e9ments"}]},{"@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\/476","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=476"}],"version-history":[{"count":23,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/476\/revisions"}],"predecessor-version":[{"id":1663,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/476\/revisions\/1663"}],"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=476"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/categories?post=476"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/tags?post=476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}