{"id":5415,"date":"2024-08-27T18:40:50","date_gmt":"2024-08-27T18:40:50","guid":{"rendered":"https:\/\/wikiform.fr\/codespace\/propriete-raccourcie-flex-flow-flexbox\/"},"modified":"2024-11-28T09:48:39","modified_gmt":"2024-11-28T09:48:39","slug":"propriete-raccourcie-flex-flow-flexbox","status":"publish","type":"post","link":"https:\/\/wikiform.fr\/codespace\/propriete-raccourcie-flex-flow-flexbox\/","title":{"rendered":"8.5 Propri\u00e9t\u00e9 Raccourcie Flex-flow en Flexbox : Guide"},"content":{"rendered":"\n\n\n<p><strong>Propri\u00e9t\u00e9 Raccourcie Flex-flow en Flexbox<\/strong> est l&rsquo;une des propri\u00e9t\u00e9s flexbox les plus pratiques pour d\u00e9finir en une seule fois la direction du flux et l&rsquo;enveloppement des \u00e9l\u00e9ments flexibles. Conna\u00eetre comment utiliser cette propri\u00e9t\u00e9 vous permet de contr\u00f4ler la disposition de vos containers flexibles de mani\u00e8re concise et puissante. D\u00e9couvrons comment la mettre en \u0153uvre gr\u00e2ce \u00e0 des explications claires et des exemples de code concrets.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Introduction \u00e0 la Propri\u00e9t\u00e9 <strong>Flex-flow en Flexbox<\/strong><\/h2>\n\n\n\n<div id=\"videoIntroduction\" style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; background: #000;\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/VueJ5cEWa6g\" loading=\"lazy\" loading=\"lazy\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" frameborder=\"0\" allow=\"autoplay; fullscreen\" id=\"youtubePlayer\"><\/iframe>\n<\/div>\n\n<!-- WP:html -->\n<div id=\"videoContainer\" style=\"position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; background: #000;\">\n  <iframe src=\"https:\/\/player.vimeo.com\/video\/586656707?dnt=1&#038;fullscreen=0&#038;pip=0\" loading=\"lazy\" loading=\"lazy\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" frameborder=\"0\" allow=\"autoplay\" allowfullscreen id=\"vimeoPlayer\"><\/iframe>\n  \n  <!-- Popup Desktop -->\n  <div id=\"popupContainer\" class=\"desktop-popup\" style=\"display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 400px; padding: 20px; border-radius: 10px; text-align: center; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.95); box-sizing: border-box;\">\n    <h2 style=\"color: #333; font-size: 1.5em; margin: 10px 0;\" id=\"profitez-de-loffre-spciale-\">Profitez de l\u2019offre sp\u00e9ciale !<\/h2>\n    <p style=\"color: #e74c3c; font-size: 1.2em; margin: 10px 0;\">Obtenez notre cours pour seulement <strong id=\"price\">29.5\u20ac<\/strong> au lieu de <del>59\u20ac<\/del> !<\/p>\n    <a href=\"https:\/\/wikiform.fr\/application\/learnify\/home\/course\/html5-et-css3-de-d%C3%A9butant-%C3%A0-expert\/141\" target=\"_blank\" style=\"display: block; padding: 10px 20px; background-color: #701CF5; color: #fff; text-decoration: none; border-radius: 5px; font-weight: bold; font-size: 1em; margin: 20px auto;\" rel=\"noopener\">Commencer maintenant<\/a>\n    <button onclick=\"closePopup()\" style=\"padding: 10px 20px; font-size: 1em;\">Fermer<\/button>\n  <\/div>\n\n  <!-- Popup Mobile -->\n  <div id=\"popupContainerMobile\" class=\"mobile-popup\" style=\"display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; max-width: 300px; padding: 15px; border-radius: 10px; text-align: center; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.95); box-sizing: border-box;\">\n    <p style=\"color: #e74c3c; font-size: 1em; margin: 5px 0;\">Cours sp\u00e9cial \u00e0 <strong id=\"priceMobile\">29.5\u20ac<\/strong> au lieu de <del>59\u20ac<\/del> !<\/p>\n    <a href=\"https:\/\/wikiform.fr\/application\/learnify\/home\/course\/html5-et-css3-de-d%C3%A9butant-%C3%A0-expert\/141\" target=\"_blank\" style=\"display: inline-block; padding: 8px 15px; background-color: #701CF5; color: #fff; text-decoration: none; border-radius: 5px; font-weight: bold; font-size: 0.9em;\" rel=\"noopener\">Commencer maintenant<\/a>\n    <button onclick=\"closePopup()\" style=\"padding: 5px 10px; font-size: 0.9em;\">Fermer<\/button>\n  <\/div>\n<\/div>\n\n<script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    var iframe = document.getElementById('vimeoPlayer');\n    var player = new Vimeo.Player(iframe);\n    var isPopupDisplayed = false;\n\n    player.on('play', function() {\n        if (!isPopupDisplayed) {\n            player.on('timeupdate', function(data) {\n                if (data.seconds >= 120 && !isPopupDisplayed) {\n                    player.pause().then(function() {\n                        if (window.innerWidth > 768) {\n                            document.querySelector('.desktop-popup').style.display = 'block';\n                        } else {\n                            document.querySelector('.mobile-popup').style.display = 'block';\n                        }\n                        fetchPriceAndUpdatePopup();\n                        isPopupDisplayed = true;\n                    });\n                }\n            });\n        }\n    });\n\n    function fetchPriceAndUpdatePopup() {\n        fetch('https:\/\/wikiform.fr\/application\/learnify\/home\/course\/devenir-un-d%C3%A9veloppeur-python\/144')\n            .then(response => response.text())\n            .then(html => {\n                var parser = new DOMParser();\n                var fetchedDoc = parser.parseFromString(html, 'text\/html');\n                var priceElement = fetchedDoc.querySelector('.ammount .fw-500');\n                var originalPriceElement = fetchedDoc.querySelector('.ammount del');\n                var price = priceElement ? priceElement.textContent.trim() : '29.5\u20ac';\n                var originalPrice = originalPriceElement ? originalPriceElement.textContent.trim() : '59\u20ac';\n\n                document.getElementById('price').textContent = price;\n                document.getElementById('priceMobile').textContent = price;\n                document.querySelector('.desktop-popup del').textContent = originalPrice;\n                document.querySelector('.mobile-popup del').textContent = originalPrice;\n            })\n            .catch(error => console.error('Error fetching the price:', error));\n    }\n\n    function closePopup() {\n        document.querySelector('.desktop-popup').style.display = 'none';\n        document.querySelector('.mobile-popup').style.display = 'none';\n        player.play();\n    }\n});\n<\/script>\n\n\n<p><!-- \/wp:post-content --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>La propri\u00e9t\u00e9 <code>flex-flow<\/code> est une propri\u00e9t\u00e9 raccourcie qui combine les propri\u00e9t\u00e9s <code>flex-direction<\/code> et <code>flex-wrap<\/code>. Cela permet de simplifier l&rsquo;\u00e9criture CSS tout en gardant une grande flexibilit\u00e9 dans la mise en page. Commen\u00e7ons par comprendre chacune des propri\u00e9t\u00e9s qui composent <code>flex-flow<\/code>. Pour apprendre les <a href=\"https:\/\/wikiform.fr\/codespace\/fonctionnement-navigateur-web-html-guide\">fondamentaux du HTML<\/a>, explorez nos guides.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:heading {\"level\":3} --><\/p>\n<h3 class=\"wp-block-heading\"><code>flex-direction<\/code><\/h3>\n<p><!-- \/wp:heading --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>La propri\u00e9t\u00e9 <code>flex-direction<\/code> d\u00e9termine le sens du placement des \u00e9l\u00e9ments flexibles dans un container. Les valeurs possibles de <code>flex-direction<\/code> sont :<\/p>\n<ul>\n<li><code>row<\/code>: Les \u00e9l\u00e9ments sont plac\u00e9s dans le sens de la ligne (par d\u00e9faut).<\/li>\n<li><code>row-reverse<\/code>: Les \u00e9l\u00e9ments sont plac\u00e9s en sens inverse de la ligne.<\/li>\n<li><code>column<\/code>: Les \u00e9l\u00e9ments sont plac\u00e9s en colonne.<\/li>\n<li><code>column-reverse<\/code>: Les \u00e9l\u00e9ments sont plac\u00e9s en colonne invers\u00e9e.<\/li>\n<\/ul>\n<p>Pour plus de d\u00e9tails sur les \u00e9l\u00e9ments textuels en HTML, consultez notre <a href=\"https:\/\/wikiform.fr\/codespace\/elements-textuels-html-guide-complet\">guide complet<\/a>.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:code {\"className\":\"lang-css\"} --><\/p>\n<pre class=\"wp-block-code lang-css\"><code>.container {\n  display: flex;\n  flex-direction: row; \/* ou row-reverse, column, column-reverse *\/\n}\n<\/code><\/pre>\n<p><!-- \/wp:code --><\/p>\n<p><!-- wp:heading {\"level\":3} --><\/p>\n<h3 class=\"wp-block-heading\"><code>flex-wrap<\/code><\/h3>\n<p><!-- \/wp:heading --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>La propri\u00e9t\u00e9 <code>flex-wrap<\/code> d\u00e9finit si les \u00e9l\u00e9ments flexibles doivent \u00eatre renvoy\u00e9s \u00e0 la ligne. Voici les valeurs possibles :<\/p>\n<ul>\n<li><code>nowrap<\/code>: Les \u00e9l\u00e9ments ne renverront pas \u00e0 la ligne (par d\u00e9faut).<\/li>\n<li><code>wrap<\/code>: Les \u00e9l\u00e9ments renverront \u00e0 la ligne si n\u00e9cessaire.<\/li>\n<li><code>wrap-reverse<\/code>: Les \u00e9l\u00e9ments renverront \u00e0 la ligne inversement.<\/li>\n<\/ul>\n<p>C&rsquo;est un bon moment pour explorer notre article sur <a href=\"https:\/\/wikiform.fr\/codespace\/utiliser-pseudo-elements-css-guide\">l&rsquo;utilisation des pseudo-\u00e9l\u00e9ments en CSS<\/a> pour des conceptions encore plus dynamiques.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:code {\"className\":\"lang-css\"} --><\/p>\n<pre class=\"wp-block-code lang-css\"><code>.container {\n  display: flex;\n  flex-wrap: wrap; \/* ou nowrap, wrap-reverse *\/\n}\n<\/code><\/pre>\n<p><!-- \/wp:code --><\/p>\n<p><!-- wp:heading {\"level\":3} --><\/p>\n<h3 class=\"wp-block-heading\">Combiner <code>flex-direction<\/code> et <code>flex-wrap<\/code> avec <code>flex-flow<\/code><\/h3>\n<p><!-- \/wp:heading --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>La propri\u00e9t\u00e9 <code>flex-flow<\/code> combine <code>flex-direction<\/code> et <code>flex-wrap<\/code> en une seule d\u00e9claration. C&rsquo;est extr\u00eamement utile pour garder votre CSS propre et concis. Voici la syntaxe :<\/p>\n<p>Pour un guide d\u00e9taill\u00e9 sur les propri\u00e9t\u00e9s de texte en CSS, visitez notre <a href=\"https:\/\/wikiform.fr\/codespace\/proprietes-css-texte-tout-comprendre\">guide complet sur les propri\u00e9t\u00e9s de texte en CSS<\/a>.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:code {\"className\":\"lang-css\"} --><\/p>\n<pre class=\"wp-block-code lang-css\"><code>.container {\n  display: flex;\n  flex-flow: row wrap; \/* combinaison de flex-direction et flex-wrap *\/\n}\n<\/code><\/pre>\n<p><!-- \/wp:code --><\/p>\n<p><!-- wp:heading {\"level\":3} --><\/p>\n<h3 class=\"wp-block-heading\">Exemples Pratiques de <code>flex-flow<\/code><\/h3>\n<p><!-- \/wp:heading --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>Voyons quelques exemples concrets pour mieux comprendre comment utiliser <code>flex-flow<\/code> dans des situations r\u00e9elles.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:heading {\"level\":4} --><\/p>\n<h4 class=\"wp-block-heading\">Aligner les \u00c9l\u00e9ments en Ligne avec Renvoi<\/h4>\n<p><!-- \/wp:heading --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>Supposons que vous souhaitiez cr\u00e9er une galerie d&rsquo;images align\u00e9es en ligne avec un renvoi automatique \u00e0 la ligne si n\u00e9cessaire. Voici comment vous pouvez utiliser <code>flex-flow<\/code> :<\/p>\n<p>Pour une approche plus approfondie de la flexbox, d\u00e9couvrez notre article sur <a href=\"https:\/\/wikiform.fr\/codespace\/repartition-elements-flexbox-justify-content\">la r\u00e9partition des \u00e9l\u00e9ments avec justify-content<\/a>.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:code {\"className\":\"lang-html\"} --><\/p>\n<pre class=\"wp-block-code lang-html\"><code>&lt;div class=\"gallery\"&gt;\n  &lt;img src=\"image1.jpg\" alt=\"Image 1\"&gt;\n  &lt;img src=\"image2.jpg\" alt=\"Image 2\"&gt;\n  &lt;img src=\"image3.jpg\" alt=\"Image 3\"&gt;\n  &lt;!-- plus d'images --&gt;\n&lt;\/div&gt;\n<\/code><\/pre>\n<p><!-- \/wp:code --><\/p>\n<p><!-- wp:code {\"className\":\"lang-css\"} --><\/p>\n<pre class=\"wp-block-code lang-css\"><code>.gallery {\n  display: flex;\n  flex-flow: row wrap;\n}\n.gallery img {\n  flex: 1 1 auto;\n  margin: 5px;\n}\n<\/code><\/pre>\n<p><!-- \/wp:code --><\/p>\n<p><!-- wp:heading {\"level\":4} --><\/p>\n<h4 class=\"wp-block-heading\">Cr\u00e9er une Disposition de Colonne avec Inversion<\/h4>\n<p><!-- \/wp:heading --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>Vous pouvez \u00e9galement utiliser <code>flex-flow<\/code> pour aligner les \u00e9l\u00e9ments en colonne de mani\u00e8re invers\u00e9e. Ceci pourrait \u00eatre utile pour afficher des messages ou des articles plus r\u00e9cents en haut, par exemple :<\/p>\n<p>Pour plus d&rsquo;astuces sur la cr\u00e9ation de pages HTML, consultez notre <a href=\"https:\/\/wikiform.fr\/codespace\/generation-pages-html-guide-complet\">guide complet sur la g\u00e9n\u00e9ration de pages HTML<\/a>.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:code {\"className\":\"lang-html\"} --><\/p>\n<pre class=\"wp-block-code lang-html\"><code>&lt;div class=\"news-feed\"&gt;\n  &lt;div&gt;Article r\u00e9cent 1&lt;\/div&gt;\n  &lt;div&gt;Article r\u00e9cent 2&lt;\/div&gt;\n  &lt;div&gt;Article r\u00e9cent 3&lt;\/div&gt;\n  &lt;!-- plus d'articles --&gt;\n&lt;\/div&gt;\n<\/code><\/pre>\n<p><!-- \/wp:code --><\/p>\n<p><!-- wp:code {\"className\":\"lang-css\"} --><\/p>\n<pre class=\"wp-block-code lang-css\"><code>.news-feed {\n  display: flex;\n  flex-flow: column-reverse nowrap;\n}\n.news-feed div {\n  flex: 1;\n  margin: 10px 0;\n}\n<\/code><\/pre>\n<p><!-- \/wp:code --><\/p>\n<p><!-- wp:heading {\"level\":4} --><\/p>\n<h4 class=\"wp-block-heading\">Utilisation Avanc\u00e9e de <code>flex-flow<\/code><\/h4>\n<p><!-- \/wp:heading --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>Pour des cas plus complexes, comme des layouts combinant plusieurs directions et renvois, <code>flex-flow<\/code> reste tr\u00e8s pratique. Par exemple, avec une interface utilisateur responsable o\u00f9 les directions et les renvois changent en fonction de la largeur de l&rsquo;\u00e9cran :<\/p>\n<p>D\u00e9couvrez \u00e9galement comment utiliser les <a href=\"https:\/\/wikiform.fr\/codespace\/medias-video-audio-html-guide\">m\u00e9dias vid\u00e9o et audio en HTML<\/a> pour enrichir vos pages web.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:code {\"className\":\"lang-css\"} --><\/p>\n<pre class=\"wp-block-code lang-css\"><code>.container {\n  display: flex;\n  flex-flow: row wrap; \/* pour largeurs de fen\u00eatre grandes *\/\n}\n\n@media (max-width: 768px) {\n  .container {\n    flex-flow: column nowrap; \/* pour largeurs de fen\u00eatre petites *\/\n  }\n}\n<\/code><\/pre>\n<p><!-- \/wp:code --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>Ce type de combinaison rend les mises en page fluides et adaptables aux diff\u00e9rentes tailles d&rsquo;\u00e9cran, am\u00e9liorant ainsi l&rsquo;exp\u00e9rience utilisateur. Pour en savoir plus sur le responsive design, jetez un \u0153il \u00e0 notre article sur les <a href=\"https:\/\/wikiform.fr\/codespace\/responsive-design-medias-queries-css\">designs responsives avec les m\u00e9dias queries<\/a>.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:heading --><\/p>\n<h2 class=\"wp-block-heading\">Conclusion sur la Propri\u00e9t\u00e9 Raccourcie Flex-Flow en Flexbox<\/h2>\n<p><!-- \/wp:heading --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>La propri\u00e9t\u00e9 raccourcie <strong>flex-flow en Flexbox<\/strong> offre une m\u00e9thode puissante et efficace pour g\u00e9rer \u00e0 la fois la direction du flux et le renvoi des \u00e9l\u00e9ments dans un container flexible. En combinant <code>flex-direction<\/code> et <code>flex-wrap<\/code>, cette propri\u00e9t\u00e9 simplifie votre CSS tout en maintenant une grande flexibilit\u00e9 de mise en page. Continuez \u00e0 explorer les possibilit\u00e9s offertes par la flexbox pour rendre vos interfaces plus responsives et mieux structur\u00e9es. Pour plus de tutoriels sur Flexbox, consultez notre article sur <a href=\"https:\/\/wikiform.fr\/application\/learnify\/home\/course\/flexbox-maitriser-les-mises-en-page-flexibles\/152\">ma\u00eetriser les mises en page flexibles avec Flexbox<\/a>.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:html --><br \/><a href=\"https:\/\/wikiform.fr\/application\/learnify\/home\/course\/css-avanc\u00e9-mise-en-page-r%C3%A9sponsive\/153\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/wikiform.fr\/codespace\/wp-content\/uploads\/2024\/07\/css-avanc\u00e9-offre-50.gif\" loading=\"lazy\" alt=\"CSS Avanc\u00e9 Offre 50%\" title=\"\"><\/a><\/p>\n<p><a href=\"https:\/\/wikiform.fr\/application\/learnify\/home\/course\/html5-et-css3-de-d%C3%A9butant-%C3%A0-expert\/141\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/wikiform.fr\/codespace\/wp-content\/uploads\/2024\/07\/learnify-formation-HTML-ET-CSS-offre-50.gif\" loading=\"lazy\" alt=\"HTML et CSS - Offre 50%\" title=\"\"><\/a><br \/><!-- \/wp:html --><br \/><br \/><\/p>","protected":false},"excerpt":{"rendered":"<p>Propri\u00e9t\u00e9 Raccourcie Flex-flow en Flexbox est l&rsquo;une des propri\u00e9t\u00e9s flexbox les plus pratiques pour d\u00e9finir en une seule fois la direction du flux et l&rsquo;enveloppement&#8230;<\/p>\n","protected":false},"author":2,"featured_media":2762,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,8],"tags":[18],"class_list":["post-5415","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3-css","category-2-html","tag-tutoriels"],"acf":[],"_titre_de_la_formation":null,"_description_":null,"_objectifs_pedagogiques":null,"_programme_":null,"_url_de_limage":null,"_materiel_necessaire":null,"_modalites_devaluation_des_acquis":null,"_moyens_pedagogiques_et_techniques":null,"_accessibilite_":null,"_formateur_":null,"menu_order":0,"_links":{"self":[{"href":"https:\/\/wikiform.fr\/codespace\/wp-json\/wp\/v2\/posts\/5415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wikiform.fr\/codespace\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wikiform.fr\/codespace\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wikiform.fr\/codespace\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wikiform.fr\/codespace\/wp-json\/wp\/v2\/comments?post=5415"}],"version-history":[{"count":2,"href":"https:\/\/wikiform.fr\/codespace\/wp-json\/wp\/v2\/posts\/5415\/revisions"}],"predecessor-version":[{"id":6061,"href":"https:\/\/wikiform.fr\/codespace\/wp-json\/wp\/v2\/posts\/5415\/revisions\/6061"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wikiform.fr\/codespace\/wp-json\/wp\/v2\/media\/2762"}],"wp:attachment":[{"href":"https:\/\/wikiform.fr\/codespace\/wp-json\/wp\/v2\/media?parent=5415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wikiform.fr\/codespace\/wp-json\/wp\/v2\/categories?post=5415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wikiform.fr\/codespace\/wp-json\/wp\/v2\/tags?post=5415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}