{"id":6440,"date":"2017-04-10T12:16:26","date_gmt":"2017-04-10T10:16:26","guid":{"rendered":"http:\/\/www.espai.es\/blog\/?p=6440"},"modified":"2021-09-14T16:46:40","modified_gmt":"2021-09-14T14:46:40","slug":"funciones-de-css","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/","title":{"rendered":"El uso de funciones de CSS: la funci\u00f3n calc()"},"content":{"rendered":"<h2>Funciones de CSS en la actualidad<\/h2>\n<p>CSS3 introdujo la posibilidad de utilizar funciones de CSS como valor de propiedad. Estas funciones realizan una acci\u00f3n muy sencilla que se traduce en un valor para la propiedad que estemos usando. De esta forma hacemos que nuestro c\u00f3digo sea m\u00e1s <strong>flexible<\/strong> y genere o recoja valores de forma autom\u00e1tica. Ya vimos una mec\u00e1nica similar en el art\u00edculo de las <a href=\"http:\/\/www.espai.es\/blog\/2017\/01\/variables-nativas-de-css\/\">variables de CSS<\/a>. La idea es b\u00e1sicamente la misma. Lo que hacemos con estas funciones es crear una especia de \u201cprograma\u201d que realiza una operaci\u00f3n por nosotros, ya sea un c\u00e1lculo matem\u00e1tico o la toma de un valor variable.<\/p>\n<p>La idea es genial por s\u00ed misma. Hace que el c\u00f3digo CSS se vuelva m\u00e1s potente y nos ahorre horas de trabajo. Sin embargo las funciones de CSS no han tenido mucho \u00e9xito. Con el desarrollo de compiladores como LESS o SASS, y con el uso cada vez m\u00e1s extendido de Javascript, estas funciones se dejaron de usar y de desarrollar.<\/p>\n<p>Funciones como toggle() &#8211; que actualmente no funciona en ning\u00fan navegador &#8211; o attr() han quedado relegadas a un segundo plano. El caso de attr() es especialmente doloroso, ya que es una funci\u00f3n que el sobre el papel nos brinda grandes posibilidades. Para que os hag\u00e1is una idea, attr() recoge el valor de un atributo del elemento HTML y lo aplica en una propiedad CSS. Parece una herramienta fant\u00e1stica para automatizar ciertos procesos de CSS y aplicar menos selectores (puesto que el propio elemento nos dar\u00eda su valor). Desgraciadamente attr() s\u00f3lo funciona con la propiedad <em>content<\/em> por el momento, y estamos a la espera de que los navegadores ampl\u00eden su funcionalidad.<\/p>\n<p>En este art\u00edculo quiero hablaros de una funci\u00f3n que se ha mantenido con el tiempo, y que a d\u00eda de hoy me parece imprescindible en mis propios proyectos. Dicha funci\u00f3n es la conocida como calc() y nos permite calcular el valor necesario para una propiedad CSS de forma f\u00e1cil, haciendo que nuestro c\u00f3digo sea m\u00e1s <strong>flexible<\/strong> y contenga menos errores.<\/p>\n<h2>La funci\u00f3n calc()<\/h2>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/04\/css-calc.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6441 size-full\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/04\/css-calc.png\" alt=\"funciones de css\" width=\"690\" height=\"280\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/04\/css-calc.png 690w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/04\/css-calc-300x122.png 300w\" sizes=\"auto, (max-width: 690px) 100vw, 690px\" \/><\/a><\/p>\n<p>Esta funci\u00f3n devuelve un valor num\u00e9rico resultado de una operaci\u00f3n matem\u00e1tica. Su uso es muy sencillo, como veremos en el ejemplo:<\/p>\n<pre>\r\n.selector {\r\n   Propiedad: calc(100%\/3 \u2013 5px*2)\r\n}\r\n<\/pre>\n<p>Como veis a\u00f1adimos valores en el formato que queramos (ya sea porcentaje, p\u00edxeles, em, etc) y utilizamos la operaci\u00f3n matem\u00e1tica que necesitemos.<\/p>\n<p>Se podr\u00edan dar varias situaciones donde est\u00e1 expresi\u00f3n nos puede ser \u00fatil, aunque sin duda viene especialmente bien a la hora de calcular el ancho adecuado de un elemento.<\/p>\n<p>Por ejemplo: supongamos que queremos maquetar una fila de 4 bloques, y entre los 4 deben ocupar el 100%. La soluci\u00f3n podr\u00eda ser dar a nuestras cajas un <em>width<\/em> de 25%. El problema viene cuando estos elementos tienen un <em>padding<\/em>, un <em>border<\/em> y un <em>margin<\/em>. Muchas veces el valor de estas propiedades hace que nuestras cajas crezcan de manera inesperada y que por lo tanto no quepan en la misma l\u00ednea, provocando una estructura no deseada.<\/p>\n<p>Para solucionar esto podemos realizar un c\u00e1lculo mediante la funci\u00f3n calc(). La soluci\u00f3n ser\u00eda la siguiente:<\/p>\n<pre>\r\n.selector {\r\n   float: left;\r\n   margin: 2%;\r\n   padding: 1em;\r\n   border: 2px solid Green;\r\n   width: calc(100%\/4 - 2%*2 - 1em*2 - 2px*2);\r\n}\r\n<\/pre>\n<p>Como veis, al tener 4 elementos queremos que se distribuyan el 100% del ancho entre 4 y a esto se le reste el <em>margin<\/em>, <em>padding<\/em> y <em>border<\/em>. La operaci\u00f3n es: 100%\/4 &#8211; 2%*2 &#8211; 1em*2 &#8211; 2px*2. Es decir, 100 dividido 4 y se le resta el 2% de <em>margin<\/em>, 1em de <em>padding<\/em> y 2px de <em>border<\/em>, los tres valores multiplicados por dos ya que se est\u00e1n aplicando por la derecha y por la izquierda.<\/p>\n<p>Os animo a que hag\u00e1is la prueba. Podr\u00e9is comprobar como los elementos se distribuyen el ancho perfectamente sin causar errores en ninguna resoluci\u00f3n de pantalla, obteniendo un dise\u00f1o totalmente <strong><em>responsive<\/em><\/strong>.<\/p>\n<p>Ojal\u00e1 en un futuro, contemos con m\u00e1s soluciones como esta que hacen de CSS un lenguaje aut\u00f3nomo, potente y eficaz.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Funciones de CSS en la actualidad CSS3 introdujo la posibilidad de utilizar funciones de CSS como valor de propiedad. Estas funciones realizan una acci\u00f3n muy sencilla que se traduce en un valor para la propiedad que estemos usando. De esta forma hacemos que nuestro c\u00f3digo&#8230;<\/p>\n","protected":false},"author":26,"featured_media":6446,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7],"tags":[12,13,14,78],"class_list":["post-6440","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-css","tag-css3","tag-diseno-web-2","tag-html5"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>El uso de funciones de CSS: la funci\u00f3n calc() - Blog Escola Espai<\/title>\n<meta name=\"description\" content=\"Con las funciones de CSS hacemos nuestro c\u00f3digo m\u00e1s eficaz y sencillo al mismo tiempo, d\u00e1ndonos la posibilidad de automatizar procesos.\" \/>\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.espai.es\/blog\/2017\/04\/funciones-de-css\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"El uso de funciones de CSS: la funci\u00f3n calc() - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"Con las funciones de CSS hacemos nuestro c\u00f3digo m\u00e1s eficaz y sencillo al mismo tiempo, d\u00e1ndonos la posibilidad de automatizar procesos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-10T10:16:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-14T14:46:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/04\/funcion-calc-css.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"748\" \/>\n\t<meta property=\"og:image:height\" content=\"387\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Paco Luque\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Paco Luque\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/\"},\"author\":{\"name\":\"Paco Luque\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725\"},\"headline\":\"El uso de funciones de CSS: la funci\u00f3n calc()\",\"datePublished\":\"2017-04-10T10:16:26+00:00\",\"dateModified\":\"2021-09-14T14:46:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/\"},\"wordCount\":680,\"commentCount\":2,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/04\/funcion-calc-css.jpg\",\"keywords\":[\"CSS\",\"CSS3\",\"dise\u00f1o web\",\"HTML5\"],\"articleSection\":[\"Dise\u00f1o Web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/\",\"name\":\"El uso de funciones de CSS: la funci\u00f3n calc() - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/04\/funcion-calc-css.jpg\",\"datePublished\":\"2017-04-10T10:16:26+00:00\",\"dateModified\":\"2021-09-14T14:46:40+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725\"},\"description\":\"Con las funciones de CSS hacemos nuestro c\u00f3digo m\u00e1s eficaz y sencillo al mismo tiempo, d\u00e1ndonos la posibilidad de automatizar procesos.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/04\/funcion-calc-css.jpg\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/04\/funcion-calc-css.jpg\",\"width\":748,\"height\":387},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"El uso de funciones de CSS: la funci\u00f3n calc()\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725\",\"name\":\"Paco Luque\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1f139c1b28c03e6963f4e701f000714729510b27ec31d7ff3fd8019fde1330fd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1f139c1b28c03e6963f4e701f000714729510b27ec31d7ff3fd8019fde1330fd?s=96&d=mm&r=g\",\"caption\":\"Paco Luque\"},\"url\":\"https:\/\/www.espai.es\/blog\/author\/paco\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"El uso de funciones de CSS: la funci\u00f3n calc() - Blog Escola Espai","description":"Con las funciones de CSS hacemos nuestro c\u00f3digo m\u00e1s eficaz y sencillo al mismo tiempo, d\u00e1ndonos la posibilidad de automatizar procesos.","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.espai.es\/blog\/2017\/04\/funciones-de-css\/","og_locale":"es_ES","og_type":"article","og_title":"El uso de funciones de CSS: la funci\u00f3n calc() - Blog Escola Espai","og_description":"Con las funciones de CSS hacemos nuestro c\u00f3digo m\u00e1s eficaz y sencillo al mismo tiempo, d\u00e1ndonos la posibilidad de automatizar procesos.","og_url":"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/","og_site_name":"Blog Escola Espai","article_published_time":"2017-04-10T10:16:26+00:00","article_modified_time":"2021-09-14T14:46:40+00:00","og_image":[{"width":748,"height":387,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/04\/funcion-calc-css.jpg","type":"image\/jpeg"}],"author":"Paco Luque","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Paco Luque","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/"},"author":{"name":"Paco Luque","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725"},"headline":"El uso de funciones de CSS: la funci\u00f3n calc()","datePublished":"2017-04-10T10:16:26+00:00","dateModified":"2021-09-14T14:46:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/"},"wordCount":680,"commentCount":2,"image":{"@id":"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/04\/funcion-calc-css.jpg","keywords":["CSS","CSS3","dise\u00f1o web","HTML5"],"articleSection":["Dise\u00f1o Web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/","url":"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/","name":"El uso de funciones de CSS: la funci\u00f3n calc() - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/04\/funcion-calc-css.jpg","datePublished":"2017-04-10T10:16:26+00:00","dateModified":"2021-09-14T14:46:40+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725"},"description":"Con las funciones de CSS hacemos nuestro c\u00f3digo m\u00e1s eficaz y sencillo al mismo tiempo, d\u00e1ndonos la posibilidad de automatizar procesos.","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/04\/funcion-calc-css.jpg","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/04\/funcion-calc-css.jpg","width":748,"height":387},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2017\/04\/funciones-de-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"El uso de funciones de CSS: la funci\u00f3n calc()"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725","name":"Paco Luque","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1f139c1b28c03e6963f4e701f000714729510b27ec31d7ff3fd8019fde1330fd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1f139c1b28c03e6963f4e701f000714729510b27ec31d7ff3fd8019fde1330fd?s=96&d=mm&r=g","caption":"Paco Luque"},"url":"https:\/\/www.espai.es\/blog\/author\/paco\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/04\/funcion-calc-css.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/6440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=6440"}],"version-history":[{"count":5,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/6440\/revisions"}],"predecessor-version":[{"id":12297,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/6440\/revisions\/12297"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/6446"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=6440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=6440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=6440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}