{"id":379,"date":"2024-12-11T17:27:00","date_gmt":"2024-12-11T15:27:00","guid":{"rendered":"https:\/\/html-online.com\/articles\/?p=379"},"modified":"2025-03-07T09:18:06","modified_gmt":"2025-03-07T07:18:06","slug":"highlight-active-menu-item-script","status":"publish","type":"post","link":"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/","title":{"rendered":"Highlight Active Menu Item With jQuery Script"},"content":{"rendered":"<p>We can improve the user experience highlighting the active menu item on our websites. This makes navigation easier because the visitor will know at the first glance which is the current page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"676\" height=\"173\" class=\"aligncenter size-full wp-image-380\" src=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/10\/highlighted-active-menu-item-script.jpg\" alt=\"highlighted active menu link script\" srcset=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/10\/highlighted-active-menu-item-script.jpg 676w, https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/10\/highlighted-active-menu-item-script-300x77.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p><!--more--><br \/>\nThis strategy also increases the amount of visited pages because the visitor will more likely click the next page when it&#8217;s easier to navigate on the site.<\/p>\n<p>In this article I&#8217;m going to present a lightweight <a href=\"\/articles\/category\/jquery\/\">jQuery script<\/a> that will parse the links on the page and assign a class to the ones that point to the URL of the current document. We will have to style the highlighted link class <a href=\"https:\/\/html-css-js.com\/css\/editor\/\" target=\"_blank\" rel=\"external nofollow noopener noreferrer\">editing the CSS<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-381\" src=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/10\/current-sidebar-item.jpg\" alt=\"current sidebar item color\" width=\"278\" height=\"428\" srcset=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/10\/current-sidebar-item.jpg 278w, https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/10\/current-sidebar-item-195x300.jpg 195w\" sizes=\"auto, (max-width: 278px) 85vw, 278px\" \/><\/p>\n<p style=\"text-align: center;\"><em>Our example works great for highlighting sidebar menu items as well. Screenshot from Ruwix.<\/em><\/p>\n<h2>The Script To Highlight The Menu Item<\/h2>\n<p>We can place the script inside the document.ready function to be executed when the page has finished loading:&nbsp;<strong>$(document).ready(function(){ &#8230; });<\/strong><\/p>\n<pre style=\"background: #fff; color: #000;\"><span style=\"color: #687687;\">$<\/span>(<span style=\"color: #d80800;\">\"a\"<\/span>).each(function() {\n    <span style=\"color: #0100b6; font-weight: bold;\">if<\/span> ((<span style=\"color: #6d79de; font-weight: bold;\">window<\/span>.<span style=\"color: #06960e; font-weight: bold;\">location<\/span>.<span style=\"color: #06960e; font-weight: bold;\">pathname<\/span>.<span style=\"color: #3c4c72; font-weight: bold;\">indexOf<\/span>(<span style=\"color: #687687;\">$<\/span>(<span style=\"color: #0206ff; font-style: italic;\">this<\/span>).attr(<span style=\"color: #d80800;\">'href'<\/span>))) <span style=\"color: #687687;\">&gt;<\/span> <span style=\"color: #687687;\">-<\/span><span style=\"color: #cd0000; font-style: italic;\">1<\/span>) {\n        <span style=\"color: #687687;\">$<\/span>(<span style=\"color: #0206ff; font-style: italic;\">this<\/span>).addClass(<span style=\"color: #d80800;\">'activeMenuItem'<\/span>);\n    }\n});\n<\/pre>\n<p>The program parses each anchor tag on the page and if the current page link contains the <em>href<\/em> attribute of the&nbsp;link then adds the&nbsp;<em>activeMenuItem<\/em> class to it.<\/p>\n<p><strong>We can further enhance our code:<\/strong><\/p>\n<pre style=\"background: #fff; color: #000;\"><span style=\"color: #687687;\">$<\/span>(<span style=\"color: #d80800;\">\".sidebar a\"<\/span>).each(function() {\n    <span style=\"color: #00b418;\">\/\/console.log($(this).attr('href'));<\/span>\n    <span style=\"color: #0100b6; font-weight: bold;\">if<\/span> ((<span style=\"color: #6d79de; font-weight: bold;\">window<\/span>.<span style=\"color: #06960e; font-weight: bold;\">location<\/span>.<span style=\"color: #06960e; font-weight: bold;\">pathname<\/span>.<span style=\"color: #3c4c72; font-weight: bold;\">indexOf<\/span>(<span style=\"color: #687687;\">$<\/span>(<span style=\"color: #0206ff; font-style: italic;\">this<\/span>).attr(<span style=\"color: #d80800;\">'href'<\/span>))) <span style=\"color: #687687;\">&gt;<\/span> <span style=\"color: #687687;\">-<\/span><span style=\"color: #cd0000; font-style: italic;\">1<\/span>) {\n        <span style=\"color: #687687;\">$<\/span>(<span style=\"color: #0206ff; font-style: italic;\">this<\/span>).<span style=\"color: #06960e; font-weight: bold;\">parent<\/span>().addClass(<span style=\"color: #d80800;\">'activeMenuItem'<\/span>);\n    }\n});\n<\/pre>\n<p>The second example is parsing the links only inside the <em>.sidebar<\/em> container and doesn&#8217;t add the class to the link but to its parent instead which is usually a <em>li<\/em> tag. The commented console.log line can help us to debug our code, to check which links are parsed on the page.<\/p>\n<h2>The CSS Code<\/h2>\n<pre style=\"background: #fff; color: #000;\"><span style=\"font-weight: bold;\">a<\/span><span style=\"font-style: italic;\">.activeMenuItem<\/span> {\n    <span style=\"color: #6d79de; font-weight: bold;\">background-color<\/span>: <span style=\"color: #c5060b; font-style: italic;\">#F00<\/span>;\n    <span style=\"color: #6d79de; font-weight: bold;\">font-weight<\/span>: <span style=\"color: #06960e; font-weight: bold;\">bold<\/span>;\n}\n<\/pre>\n<p>You will obviously amend this example, I just want to draw the attention that the styling is necessary to make the highlighted link stand out. Usually a color adjustments will help to make it stand out.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We can improve the user experience highlighting the active menu item on our websites. This makes navigation easier because the visitor will know at the first glance which is the current page.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,2,3,4,5,6],"tags":[],"class_list":["post-379","post","type-post","status-publish","format-standard","hentry","category-articles","category-css","category-freebies","category-html","category-javascript","category-jquery"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Highlight Active Menu Item With jQuery Script<\/title>\n<meta name=\"description\" content=\"We can improve the user experience highlighting the active menu item on our websites. This makes navigation easier because the visitor will know\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Highlight Active Menu Item With jQuery Script\" \/>\n<meta property=\"og:description\" content=\"We can improve the user experience highlighting the active menu item on our websites. This makes navigation easier because the visitor will know\" \/>\n<meta property=\"og:url\" content=\"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML Online\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/htmlcoding\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-11T15:27:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-07T07:18:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/10\/highlighted-active-menu-item-script.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"676\" \/>\n\t<meta property=\"og:image:height\" content=\"173\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"HTML Editor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"HTML Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\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:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/\"},\"author\":{\"name\":\"HTML Editor\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\"},\"headline\":\"Highlight Active Menu Item With jQuery Script\",\"datePublished\":\"2024-12-11T15:27:00+00:00\",\"dateModified\":\"2025-03-07T07:18:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/\"},\"wordCount\":288,\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/10\/highlighted-active-menu-item-script.jpg\",\"articleSection\":[\"Articles\",\"CSS\",\"Freebies\",\"HTML\",\"JavaScript\",\"jQuery\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/\",\"url\":\"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/\",\"name\":\"Highlight Active Menu Item With jQuery Script\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/10\/highlighted-active-menu-item-script.jpg\",\"datePublished\":\"2024-12-11T15:27:00+00:00\",\"dateModified\":\"2025-03-07T07:18:06+00:00\",\"description\":\"We can improve the user experience highlighting the active menu item on our websites. This makes navigation easier because the visitor will know\",\"breadcrumb\":{\"@id\":\"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/#primaryimage\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/10\/highlighted-active-menu-item-script.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/10\/highlighted-active-menu-item-script.jpg\",\"width\":676,\"height\":173,\"caption\":\"highlighted active menu item script\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/html-online.com\/articles\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Highlight Active Menu Item With jQuery Script\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/html-online.com\/articles\/#website\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"name\":\"HTML Online Articles\",\"description\":\"Tips, tricks, tutorials\u2026\",\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/html-online.com\/articles\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/html-online.com\/articles\/#organization\",\"name\":\"HTML Online\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"width\":350,\"height\":350,\"caption\":\"HTML Online\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/htmlcoding\/\",\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\",\"name\":\"HTML Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"caption\":\"HTML Editor\"},\"description\":\"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/@htmlg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Highlight Active Menu Item With jQuery Script","description":"We can improve the user experience highlighting the active menu item on our websites. This makes navigation easier because the visitor will know","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:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/","og_locale":"en_GB","og_type":"article","og_title":"Highlight Active Menu Item With jQuery Script","og_description":"We can improve the user experience highlighting the active menu item on our websites. This makes navigation easier because the visitor will know","og_url":"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/","og_site_name":"HTML Online","article_publisher":"https:\/\/www.facebook.com\/htmlcoding\/","article_published_time":"2024-12-11T15:27:00+00:00","article_modified_time":"2025-03-07T07:18:06+00:00","og_image":[{"width":676,"height":173,"url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/10\/highlighted-active-menu-item-script.jpg","type":"image\/jpeg"}],"author":"HTML Editor","twitter_card":"summary_large_image","twitter_misc":{"Written by":"HTML Editor","Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/#article","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/"},"author":{"name":"HTML Editor","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d"},"headline":"Highlight Active Menu Item With jQuery Script","datePublished":"2024-12-11T15:27:00+00:00","dateModified":"2025-03-07T07:18:06+00:00","mainEntityOfPage":{"@id":"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/"},"wordCount":288,"publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"image":{"@id":"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/10\/highlighted-active-menu-item-script.jpg","articleSection":["Articles","CSS","Freebies","HTML","JavaScript","jQuery"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/","url":"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/","name":"Highlight Active Menu Item With jQuery Script","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/#primaryimage"},"image":{"@id":"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/10\/highlighted-active-menu-item-script.jpg","datePublished":"2024-12-11T15:27:00+00:00","dateModified":"2025-03-07T07:18:06+00:00","description":"We can improve the user experience highlighting the active menu item on our websites. This makes navigation easier because the visitor will know","breadcrumb":{"@id":"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/#primaryimage","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/10\/highlighted-active-menu-item-script.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/10\/highlighted-active-menu-item-script.jpg","width":676,"height":173,"caption":"highlighted active menu item script"},{"@type":"BreadcrumbList","@id":"https:\/\/html-online.com\/articles\/highlight-active-menu-item-script\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/html-online.com\/articles\/"},{"@type":"ListItem","position":2,"name":"Highlight Active Menu Item With jQuery Script"}]},{"@type":"WebSite","@id":"https:\/\/html-online.com\/articles\/#website","url":"https:\/\/html-online.com\/articles\/","name":"HTML Online Articles","description":"Tips, tricks, tutorials\u2026","publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/html-online.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/html-online.com\/articles\/#organization","name":"HTML Online","url":"https:\/\/html-online.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","width":350,"height":350,"caption":"HTML Online"},"image":{"@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/htmlcoding\/","https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww"]},{"@type":"Person","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d","name":"HTML Editor","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","caption":"HTML Editor"},"description":"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.","sameAs":["https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/@htmlg"]}]}},"_links":{"self":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/comments?post=379"}],"version-history":[{"count":3,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/379\/revisions"}],"predecessor-version":[{"id":1950,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/379\/revisions\/1950"}],"wp:attachment":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/media?parent=379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/categories?post=379"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/tags?post=379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}