{"id":48,"date":"2014-12-02T11:47:00","date_gmt":"2014-12-02T10:47:00","guid":{"rendered":"https:\/\/www.cefii.fr\/blog\/2023\/01\/16\/astuce-html-css-div-class-clear\/"},"modified":"2023-01-17T16:58:26","modified_gmt":"2023-01-17T15:58:26","slug":"astuce-html-css-div-class-clear","status":"publish","type":"post","link":"https:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/","title":{"rendered":"Astuce HTML-CSS : la div class=\u00a0\u00bbclear\u00a0\u00bb"},"content":{"rendered":"\n<p>Les langages HTML-CSS permettent d&rsquo;\u00e9crire des pages Web et de les mettre en forme.<br>L&rsquo;ensemble, pour fonctionner, est bien codifi\u00e9. Se former au HTML-CSS permet d&rsquo;apprivoiser les bases essentielles : d\u00e9couvrir et apprendre \u00e0 utiliser les balises en HTML et les class et id en CSS, structurer des pages, organiser ses dossiers, ajouter des visuels, cr\u00e9er des menus, etc.<\/p>\n\n\n\n<p>Apr\u00e8s quoi, il est essentiel de mettre la main \u00e0 la p\u00e2te et de s&rsquo;entra\u00eener r\u00e9guli\u00e8rement : c&rsquo;est en d\u00e9ployant du code que vous rencontrerez des petits impr\u00e9vus et que vous apprendrez les petits trucs et astuces qui vous permettront d&rsquo;adapter votre code en fonction de vos besoins et d&rsquo;apporter \u00e0 vos pages un design agr\u00e9able et fluide.<\/p>\n\n\n\n<p><strong>D&rsquo;ailleurs, nous vous proposons aujourd&rsquo;hui une petite astuce HTML-CSS&nbsp;:<\/strong><\/p>\n\n\n\n<p>Dans les navigateurs, par d\u00e9faut, des \u00e9l\u00e9ments positionn\u00e9s en <em>float<\/em> dans le CSS sortent du flux HTML&nbsp;; leur \u00e9l\u00e9ment parent &#8211; leur conteneur &#8211; est donc consid\u00e9r\u00e9 comme vide et a, de fait, une hauteur de 0 pixel (en admettant qu&rsquo;aucune hauteur &#8211;<em>height<\/em>&#8211; n&rsquo;a \u00e9t\u00e9 sp\u00e9cifi\u00e9e dans le CSS).<\/p>\n\n\n\n<p>Ainsi, prenons l&rsquo;exemple suivant&nbsp;:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Fichier HTML :<\/h3>\n\n\n\n   <section>\n      <div id=\"one\">lorem ipsum<\/div>\n      <div id=\"two\">lorem ipsum<\/div>\n   <\/section>\n   <footer>lorem ipsum<\/footer>\n\n\n\n<h3 class=\"wp-block-heading\">Fichier CSS :<\/h3>\n\n\n\nsection div {float:left;}\n\n\n\n<p>Ici, le footer remontera au niveau de la section. R\u00e9sultat auquel nous ne souhaitons pas parvenir\u2026<\/p>\n\n\n\n<p>Pour \u00e9viter cela, une pratique consiste \u00e0 ajouter une div vide, apr\u00e8s les \u00e9l\u00e9ments flottants, qui sera d\u00e9finie en CSS par une class clear.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">R\u00e9sultat<\/h3>\n\n\n\n<h2 class=\"wp-block-heading\">Fichier HTML<\/h2>\n\n\n\n<section>\n      <div id=\"one\">lorem ipsum<\/div>\n      <div id=\"two\">lorem ipsum<\/div>\n      <div class=\"clear\"><\/div>\n   <\/section>\n   <footer>texte<\/footer>\n\n\n\n<h3 class=\"wp-block-heading\">Fichier CSS<\/h3>\n\n\n\nsection div {float:left;}\n.clear{clear:both; float:none;}\n\n\n\n<p>Cette nouvelle&nbsp;<em>div<\/em>&nbsp;viendra alors se placer dans le flux, mais apr\u00e8s les \u00e9l\u00e9ments flottants. Puisqu&rsquo;elle est vide, la&nbsp;<em>section<\/em>&nbsp;prendra la hauteur totale des \u00e9l\u00e9ments pr\u00e9c\u00e9dents.<\/p>\n\n\n\n<p>Et voil\u00e0&nbsp;!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les langages HTML-CSS permettent d&rsquo;\u00e9crire des pages Web et de les mettre en forme.<br \/>\nL&rsquo;ensemble, pour fonctionner, est bien codifi\u00e9. Se former au HTML-CSS permet d&rsquo;apprivoiser les bases essentielles : d\u00e9couvrir et apprendre \u00e0 utiliser les balises en HTML et les class et id en CSS, structurer des pages, organiser ses dossiers, ajouter des visuels, cr\u00e9er des menus, etc.<\/p>\n","protected":false},"author":1,"featured_media":379,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-48","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Astuce HTML-CSS : la div class=&quot;clear&quot; - Blog du CEFii<\/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:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Astuce HTML-CSS : la div class=&quot;clear&quot; - Blog du CEFii\" \/>\n<meta property=\"og:description\" content=\"Les langages HTML-CSS permettent d&#039;\u00e9crire des pages Web et de les mettre en forme. L&#039;ensemble, pour fonctionner, est bien codifi\u00e9. Se former au HTML-CSS permet d&#039;apprivoiser les bases essentielles : d\u00e9couvrir et apprendre \u00e0 utiliser les balises en HTML et les class et id en CSS, structurer des pages, organiser ses dossiers, ajouter des visuels, cr\u00e9er des menus, etc.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog du CEFii\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CEFiiWeb\" \/>\n<meta property=\"article:published_time\" content=\"2014-12-02T10:47:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-17T15:58:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/CEFII-astuce-HTML-CSS.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"202\" \/>\n\t<meta property=\"og:image:height\" content=\"96\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"charly\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"charly\" \/>\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\":\"Article\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/astuce-html-css-div-class-clear\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/astuce-html-css-div-class-clear\\\/\"},\"author\":{\"name\":\"charly\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#\\\/schema\\\/person\\\/96f21e4cb9b71e858dbfd4e83826b0ef\"},\"headline\":\"Astuce HTML-CSS : la div class=\u00a0\u00bbclear\u00a0\u00bb\",\"datePublished\":\"2014-12-02T10:47:00+00:00\",\"dateModified\":\"2023-01-17T15:58:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/astuce-html-css-div-class-clear\\\/\"},\"wordCount\":316,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/astuce-html-css-div-class-clear\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/CEFII-astuce-HTML-CSS.jpg\",\"articleSection\":[\"D\u00e9veloppement Web\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/astuce-html-css-div-class-clear\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/astuce-html-css-div-class-clear\\\/\",\"url\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/astuce-html-css-div-class-clear\\\/\",\"name\":\"Astuce HTML-CSS : la div class=\\\"clear\\\" - Blog du CEFii\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/astuce-html-css-div-class-clear\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/astuce-html-css-div-class-clear\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/CEFII-astuce-HTML-CSS.jpg\",\"datePublished\":\"2014-12-02T10:47:00+00:00\",\"dateModified\":\"2023-01-17T15:58:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/astuce-html-css-div-class-clear\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/astuce-html-css-div-class-clear\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/astuce-html-css-div-class-clear\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/CEFII-astuce-HTML-CSS.jpg\",\"contentUrl\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/CEFII-astuce-HTML-CSS.jpg\",\"width\":202,\"height\":96},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/astuce-html-css-div-class-clear\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Astuce HTML-CSS : la div class=\u00a0\u00bbclear\u00a0\u00bb\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/\",\"name\":\"Blog du CEFii\",\"description\":\"Suivez les actus de votre organisme de formation | CEFii\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#organization\",\"name\":\"Blog du CEFii\",\"url\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/site-logo-cefii-2024-fonce.png\",\"contentUrl\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/site-logo-cefii-2024-fonce.png\",\"width\":200,\"height\":109,\"caption\":\"Blog du CEFii\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/CEFiiWeb\",\"https:\\\/\\\/www.linkedin.com\\\/school\\\/11289329\\\/\",\"https:\\\/\\\/www.instagram.com\\\/cefii_formations\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#\\\/schema\\\/person\\\/96f21e4cb9b71e858dbfd4e83826b0ef\",\"name\":\"charly\",\"sameAs\":[\"https:\\\/\\\/www.cefii.fr\\\/blog\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Astuce HTML-CSS : la div class=\"clear\" - Blog du CEFii","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:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/","og_locale":"fr_FR","og_type":"article","og_title":"Astuce HTML-CSS : la div class=\"clear\" - Blog du CEFii","og_description":"Les langages HTML-CSS permettent d'\u00e9crire des pages Web et de les mettre en forme. L'ensemble, pour fonctionner, est bien codifi\u00e9. Se former au HTML-CSS permet d'apprivoiser les bases essentielles : d\u00e9couvrir et apprendre \u00e0 utiliser les balises en HTML et les class et id en CSS, structurer des pages, organiser ses dossiers, ajouter des visuels, cr\u00e9er des menus, etc.","og_url":"https:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/","og_site_name":"Blog du CEFii","article_publisher":"https:\/\/www.facebook.com\/CEFiiWeb","article_published_time":"2014-12-02T10:47:00+00:00","article_modified_time":"2023-01-17T15:58:26+00:00","og_image":[{"width":202,"height":96,"url":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/CEFII-astuce-HTML-CSS.jpg","type":"image\/jpeg"}],"author":"charly","twitter_misc":{"\u00c9crit par":"charly","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/#article","isPartOf":{"@id":"https:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/"},"author":{"name":"charly","@id":"https:\/\/www.cefii.fr\/blog\/#\/schema\/person\/96f21e4cb9b71e858dbfd4e83826b0ef"},"headline":"Astuce HTML-CSS : la div class=\u00a0\u00bbclear\u00a0\u00bb","datePublished":"2014-12-02T10:47:00+00:00","dateModified":"2023-01-17T15:58:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/"},"wordCount":316,"commentCount":0,"publisher":{"@id":"https:\/\/www.cefii.fr\/blog\/#organization"},"image":{"@id":"https:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/CEFII-astuce-HTML-CSS.jpg","articleSection":["D\u00e9veloppement Web"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/","url":"https:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/","name":"Astuce HTML-CSS : la div class=\"clear\" - Blog du CEFii","isPartOf":{"@id":"https:\/\/www.cefii.fr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/#primaryimage"},"image":{"@id":"https:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/CEFII-astuce-HTML-CSS.jpg","datePublished":"2014-12-02T10:47:00+00:00","dateModified":"2023-01-17T15:58:26+00:00","breadcrumb":{"@id":"https:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/#primaryimage","url":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/CEFII-astuce-HTML-CSS.jpg","contentUrl":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/CEFII-astuce-HTML-CSS.jpg","width":202,"height":96},{"@type":"BreadcrumbList","@id":"https:\/\/www.cefii.fr\/blog\/astuce-html-css-div-class-clear\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.cefii.fr\/blog\/"},{"@type":"ListItem","position":2,"name":"Astuce HTML-CSS : la div class=\u00a0\u00bbclear\u00a0\u00bb"}]},{"@type":"WebSite","@id":"https:\/\/www.cefii.fr\/blog\/#website","url":"https:\/\/www.cefii.fr\/blog\/","name":"Blog du CEFii","description":"Suivez les actus de votre organisme de formation | CEFii","publisher":{"@id":"https:\/\/www.cefii.fr\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cefii.fr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.cefii.fr\/blog\/#organization","name":"Blog du CEFii","url":"https:\/\/www.cefii.fr\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cefii.fr\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/11\/site-logo-cefii-2024-fonce.png","contentUrl":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/11\/site-logo-cefii-2024-fonce.png","width":200,"height":109,"caption":"Blog du CEFii"},"image":{"@id":"https:\/\/www.cefii.fr\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/CEFiiWeb","https:\/\/www.linkedin.com\/school\/11289329\/","https:\/\/www.instagram.com\/cefii_formations\/"]},{"@type":"Person","@id":"https:\/\/www.cefii.fr\/blog\/#\/schema\/person\/96f21e4cb9b71e858dbfd4e83826b0ef","name":"charly","sameAs":["https:\/\/www.cefii.fr\/blog"]}]}},"_links":{"self":[{"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/posts\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":4,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/posts\/48\/revisions"}],"predecessor-version":[{"id":387,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/posts\/48\/revisions\/387"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/media\/379"}],"wp:attachment":[{"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/media?parent=48"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/categories?post=48"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/tags?post=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}