{"id":639,"date":"2012-05-29T16:11:54","date_gmt":"2012-05-29T16:11:54","guid":{"rendered":"http:\/\/www.jng-web.com\/labo\/?p=639"},"modified":"2017-08-12T09:55:03","modified_gmt":"2017-08-12T07:55:03","slug":"un-menu-accordeon-full-html5-et-css3","status":"publish","type":"post","link":"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/","title":{"rendered":"Un menu accord\u00e9on full HTML5 et CSS3"},"content":{"rendered":"<div class=\"advads-avant-le-contenu\" id=\"advads-2607588226\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4944504088214075\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-4944504088214075\" \ndata-ad-slot=\"4514395581\" \ndata-ad-format=\"auto\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div><div class=\"advads-test\" style=\"margin-left: auto;margin-right: auto;text-align: center;\" id=\"advads-2887043723\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4944504088214075\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-4944504088214075\" \ndata-ad-slot=\"4514395581\" \ndata-ad-format=\"auto\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div><p>Dans ce billet, nous allons voir comment cr\u00e9er un menu accord\u00e9on, tr\u00e8s en vogue sur le net, en utilisant uniquement le HTML5 et le CSS3. A travers cet exemple, nous verrons que l&rsquo;on peut cr\u00e9er un menu accord\u00e9on sans utiliser de javascript.<\/p>\n<h2>Le code HTML du menu accord\u00e9on HTML\/CSS<\/h2>\n<p>De fa\u00e7on tr\u00e8s simple, le code html est principalement constitu\u00e9 d&rsquo;une liste non ordonn\u00e9e.<\/p>\n<pre class=\"brush: html; gutter: true; first-line: 1\">&lt;div class=\"accordeon\"&gt;\r\n&lt;ul&gt;\r\n&lt;li&gt;\r\n&lt;p class=\"titre\"&gt;Menu 1&lt;\/p&gt;\r\n&lt;div&gt;\r\nVotre contenu textuel...\r\n&lt;\/div&gt;\r\n&lt;\/li&gt;\r\n&lt;li&gt;\r\n&lt;p class=\"titre\"&gt;Menu 2&lt;\/p&gt;\r\n&lt;div&gt;\r\nVotre contenu textuel...\r\n&lt;\/div&gt;\r\n&lt;\/li&gt;\r\n&lt;li&gt;\r\n&lt;p class=\"titre\"&gt;Menu 3&lt;\/p&gt;\r\n&lt;div&gt;\r\nVotre contenu textuel...\r\n&lt;\/div&gt;\r\n&lt;\/li&gt;\r\n&lt;li&gt;\r\n&lt;p class=\"titre\"&gt;Menu 4&lt;\/p&gt;\r\n&lt;div&gt;\r\nVotre contenu textuel...\r\n&lt;\/div&gt;\r\n&lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n&lt;\/div&gt;<\/pre>\n<p>Ce code html nous donne la structure du menu mais ne permet pas d&rsquo;obtenir visuellement un menu accord\u00e9on. Nous allons donc proc\u00e9der \u00e0 l&rsquo;\u00e9laboration de l&rsquo;effet accord\u00e9on du menu et lui donner un aspect plus attractif.<\/p>\n<h2>Le code CSS du menu accord\u00e9on HTML\/CSS<\/h2>\n<p>Le code css doit \u00eatre incorpor\u00e9 de pr\u00e9f\u00e9rence dans une feuille de style externe \u00e0 la page contenant le code html.Pour appeler une feuille de style depuis votre page html, il vous suffit d&rsquo;incorporer la ligne de code suivante (par exemple) :<\/p>\n<pre class=\"brush: html; gutter: true; first-line: 1\">&lt;link rel=\"stylesheet\" href=\"messtyles.css\" type=\"text\/css\" media=\"all\" \/&gt;<\/pre>\n<h2>La propri\u00e9t\u00e9 CSS3 transition<\/h2>\n<p>Pour animer notre menu accord\u00e9on, nous allons utiliser la propri\u00e9t\u00e9 CSS transition. Cette propri\u00e9t\u00e9 CSS3 permet d&rsquo;animer des \u00e9l\u00e9ments de votre page HTML. Il est possible de d\u00e9finir la dur\u00e9e de la transition, le retard ou l&rsquo;avance du d\u00e9part de la transition, la fonction de transition, les propri\u00e9t\u00e9s CSS \u00e0 animer.<\/p>\n<p>Pour en savoir plus sur la propri\u00e9t\u00e9 transition, je vous invite \u00e0 consulter le tutoriel d&rsquo; Alsacr\u00e9ations sur les <a href=\"https:\/\/www.alsacreations.com\/tuto\/lire\/873-transitions-css3-animations.html\" target=\"_blank\">transitions CSS3<\/a>.<\/p>\n<h3>Le code CSS3 du menu accord\u00e9on<\/h3>\n<pre class=\"brush: actionscript3; gutter: true; first-line: 1\">.accordeon ul {\r\nmargin:0;\r\npadding:0;\r\nlist-style:none;\r\nwidth : 300px;\r\n}\r\n\r\n.accordeon ul li {\r\ndisplay:block;\r\noverflow:hidden;\r\nmargin:0;\r\npadding:0;\r\nlist-style:none;\r\nwidth : 300px;\r\nheight:30px;\r\nbackground-color: #6FF;\r\nborder-radius:7px;\r\n-moz-border-radius:7px;\r\n-webkit-border-radius:7px;\r\ntransition:  height 0.3s ease-in-out;\r\n-moz-transition:  height 0.3s ease-in-out;\r\n-webkit-transition:  height 0.3s ease-in-out;\r\n-o-transition:  height 0.3s ease-in-out;\r\n}\r\n\r\n.accordeon ul li .titre {\r\ndisplay:block;\r\nmargin:0;\r\npadding:10px;\r\nheight:19px;\r\nborder-top:  #f0f0f0 1px solid;\r\nfont-family: Arial, Helvetica, sans-serif;\r\nfont-size:80%;\r\ncolor:#000;\r\nbackground: grey;\r\n}\r\n\r\n.accordeon ul li div {\r\nmargin:0;\r\noverflow:auto;\r\npadding:10px;\r\nheight:150px;\r\nbackground: grey;\r\n}\r\n\r\n.accordeon  ul li:hover {\r\nheight:150px;\r\n}\r\n\r\n.accordeon:hover ul li .titre:hover {\r\ncolor:#fff;\r\nbackground:#000;\r\nfont-size:80%;\r\n}\r\n\r\n.accordeon ul li .titre:hover {\r\ncursor:pointer;\r\n}<\/pre>\n<p>Et voil\u00e0, maintenant,vous savez cr\u00e9er un menu accord\u00e9on HTML5\/CSS3 sans utiliser de javascript.<\/p>\n<p>A vous de jouer !\u00a0A vos marques, pr\u00eat, Notepadez !<\/p>\n<p>Il vous suffit de personnaliser le code pour adapter ce menu \u00e0 vos besoins.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans ce billet, nous allons voir comment cr\u00e9er un menu accord\u00e9on, tr\u00e8s en vogue sur le net, en utilisant uniquement le HTML5 et le CSS3. &hellip; <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[9],"tags":[28,37],"class_list":["post-639","post","type-post","status-publish","format-standard","hentry","category-html-5-et-css-3","tag-css","tag-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.9.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Un menu accord\u00e9on full HTML5 et CSS3 - Labo JNG WEB<\/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:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Un menu accord\u00e9on full HTML5 et CSS3 - Labo JNG WEB\" \/>\n<meta property=\"og:description\" content=\"Dans ce billet, nous allons voir comment cr\u00e9er un menu accord\u00e9on, tr\u00e8s en vogue sur le net, en utilisant uniquement le HTML5 et le CSS3. &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/\" \/>\n<meta property=\"og:site_name\" content=\"Labo JNG WEB\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webmaster.referencement.dijon\" \/>\n<meta property=\"article:author\" content=\"https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster\" \/>\n<meta property=\"article:published_time\" content=\"2012-05-29T16:11:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-08-12T07:55:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/03\/logo1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"200\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"J\u00e9r\u00f4me\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"J\u00e9r\u00f4me\" \/>\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\":\"Article\",\"@id\":\"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/\"},\"author\":{\"name\":\"J\u00e9r\u00f4me\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590\"},\"headline\":\"Un menu accord\u00e9on full HTML5 et CSS3\",\"datePublished\":\"2012-05-29T16:11:54+00:00\",\"dateModified\":\"2017-08-12T07:55:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/\"},\"wordCount\":305,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#organization\"},\"keywords\":[\"CSS\",\"HTML\"],\"articleSection\":[\"HTML 5 et CSS 3\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/\",\"url\":\"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/\",\"name\":\"Un menu accord\u00e9on full HTML5 et CSS3 - Labo JNG WEB\",\"isPartOf\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#website\"},\"datePublished\":\"2012-05-29T16:11:54+00:00\",\"dateModified\":\"2017-08-12T07:55:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Labo Jng Web\",\"item\":\"https:\/\/jng-web.com\/labo\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML 5 et CSS 3\",\"item\":\"https:\/\/jng-web.com\/labo\/html-5-et-css-3\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Un menu accord\u00e9on full HTML5 et CSS3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jng-web.com\/labo\/#website\",\"url\":\"https:\/\/jng-web.com\/labo\/\",\"name\":\"Labo JNG WEB\",\"description\":\"R\u00e9f\u00e9rencement, Webmastering, CMS, Logiciels ...\",\"publisher\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jng-web.com\/labo\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jng-web.com\/labo\/#organization\",\"name\":\"JNG WEB \/\/ J\u00e9r\u00f4me Guri\",\"url\":\"https:\/\/jng-web.com\/labo\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png\",\"contentUrl\":\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png\",\"width\":342,\"height\":110,\"caption\":\"JNG WEB \/\/ J\u00e9r\u00f4me Guri\"},\"image\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webmaster.referencement.dijon\",\"https:\/\/twitter.com\/jng_web\",\"https:\/\/fr.linkedin.com\/in\/jeromeguri\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590\",\"name\":\"J\u00e9r\u00f4me\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g\",\"caption\":\"J\u00e9r\u00f4me\"},\"description\":\"Passionn\u00e9 par le web, je m'int\u00e9resse depuis quelques ann\u00e9es aux technologies de l'information et de la communication, et plus particuli\u00e8rement \u00e0 la cr\u00e9ation et au r\u00e9f\u00e9rencement de sites internet.\",\"sameAs\":[\"http:\/\/www.jng-web.com\",\"https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster\",\"https:\/\/twitter.com\/JngWeb21\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Un menu accord\u00e9on full HTML5 et CSS3 - Labo JNG WEB","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:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/","og_locale":"fr_FR","og_type":"article","og_title":"Un menu accord\u00e9on full HTML5 et CSS3 - Labo JNG WEB","og_description":"Dans ce billet, nous allons voir comment cr\u00e9er un menu accord\u00e9on, tr\u00e8s en vogue sur le net, en utilisant uniquement le HTML5 et le CSS3. &hellip;","og_url":"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/","og_site_name":"Labo JNG WEB","article_publisher":"https:\/\/www.facebook.com\/webmaster.referencement.dijon","article_author":"https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster","article_published_time":"2012-05-29T16:11:54+00:00","article_modified_time":"2017-08-12T07:55:03+00:00","og_image":[{"width":200,"height":200,"url":"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/03\/logo1.jpg","type":"image\/jpeg"}],"author":"J\u00e9r\u00f4me","twitter_misc":{"\u00c9crit par":"J\u00e9r\u00f4me","Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/#article","isPartOf":{"@id":"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/"},"author":{"name":"J\u00e9r\u00f4me","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590"},"headline":"Un menu accord\u00e9on full HTML5 et CSS3","datePublished":"2012-05-29T16:11:54+00:00","dateModified":"2017-08-12T07:55:03+00:00","mainEntityOfPage":{"@id":"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/"},"wordCount":305,"commentCount":4,"publisher":{"@id":"https:\/\/jng-web.com\/labo\/#organization"},"keywords":["CSS","HTML"],"articleSection":["HTML 5 et CSS 3"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/","url":"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/","name":"Un menu accord\u00e9on full HTML5 et CSS3 - Labo JNG WEB","isPartOf":{"@id":"https:\/\/jng-web.com\/labo\/#website"},"datePublished":"2012-05-29T16:11:54+00:00","dateModified":"2017-08-12T07:55:03+00:00","breadcrumb":{"@id":"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jng-web.com\/labo\/un-menu-accordeon-full-html5-et-css3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Labo Jng Web","item":"https:\/\/jng-web.com\/labo\/"},{"@type":"ListItem","position":2,"name":"HTML 5 et CSS 3","item":"https:\/\/jng-web.com\/labo\/html-5-et-css-3\/"},{"@type":"ListItem","position":3,"name":"Un menu accord\u00e9on full HTML5 et CSS3"}]},{"@type":"WebSite","@id":"https:\/\/jng-web.com\/labo\/#website","url":"https:\/\/jng-web.com\/labo\/","name":"Labo JNG WEB","description":"R\u00e9f\u00e9rencement, Webmastering, CMS, Logiciels ...","publisher":{"@id":"https:\/\/jng-web.com\/labo\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jng-web.com\/labo\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/jng-web.com\/labo\/#organization","name":"JNG WEB \/\/ J\u00e9r\u00f4me Guri","url":"https:\/\/jng-web.com\/labo\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/","url":"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png","contentUrl":"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png","width":342,"height":110,"caption":"JNG WEB \/\/ J\u00e9r\u00f4me Guri"},"image":{"@id":"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webmaster.referencement.dijon","https:\/\/twitter.com\/jng_web","https:\/\/fr.linkedin.com\/in\/jeromeguri"]},{"@type":"Person","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590","name":"J\u00e9r\u00f4me","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g","caption":"J\u00e9r\u00f4me"},"description":"Passionn\u00e9 par le web, je m'int\u00e9resse depuis quelques ann\u00e9es aux technologies de l'information et de la communication, et plus particuli\u00e8rement \u00e0 la cr\u00e9ation et au r\u00e9f\u00e9rencement de sites internet.","sameAs":["http:\/\/www.jng-web.com","https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster","https:\/\/twitter.com\/JngWeb21"]}]}},"views":18856,"_links":{"self":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/posts\/639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/comments?post=639"}],"version-history":[{"count":0,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/posts\/639\/revisions"}],"wp:attachment":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/media?parent=639"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/categories?post=639"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/tags?post=639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}