{"id":54438,"date":"2024-06-25T11:54:02","date_gmt":"2024-06-25T06:24:02","guid":{"rendered":"https:\/\/www.guvi.in\/blog\/?p=54438"},"modified":"2026-01-19T18:14:50","modified_gmt":"2026-01-19T12:44:50","slug":"dom-in-web-development","status":"publish","type":"post","link":"https:\/\/www.guvi.in\/blog\/dom-in-web-development\/","title":{"rendered":"What is a DOM in Web Development?"},"content":{"rendered":"\n<p>The Document Object Model, or DOM for short, is a big deal in web development. If you want to get good at front-end stuff, you gotta know the DOM. Think of it like a family tree for your web page, where each branch and leaf is a part of the document. This setup lets you mess around with the content and structure of your web pages on the fly.<\/p>\n\n\n\n<p>Let&#8217;s discuss DOM in Web Development in-depth:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"whybotherwiththedom\">Why Bother with the DOM in Web Development?<\/h2>\n\n\n\n<p>Knowing the DOM isn\u2019t just about being able to say you know it; it\u2019s about using it to make cool, interactive web apps. When you get how the DOM works, you can change stuff on your page without making the whole thing reload, handle events like a pro, and build interfaces that users will love.<\/p>\n\n\n\n<p>Being good at DOM manipulation is a must for modern web development. Skills like&nbsp;<ins><a href=\"https:\/\/www.guvi.in\/blog\/what-is-dom-manipulation\/\" target=\"_blank\" rel=\"noreferrer noopener\">DOM manipulation<\/a><\/ins>&nbsp;and&nbsp;event handling&nbsp;are basics every developer should have down pat. Plus, understanding the&nbsp;DOM tree structure&nbsp;can help you make your sites faster and fix bugs easier.<\/p>\n\n\n\n<p>Mastering the DOM sets you up to build solid, responsive, and user-friendly web apps. It\u2019s the first step to diving into more advanced stuff like frameworks and libraries that lean heavily on DOM manipulation. <\/p>\n\n\n\n<p><em>Before diving into the next section, ensure you&#8217;re solid on full-stack development essentials like front-end frameworks, back-end technologies, and database management. If you are looking for a detailed <a href=\"https:\/\/www.guvi.in\/blog\/what-is-full-stack-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">full-stack development<\/a><\/em> <em>career program, you can join HCL GUVI\u2019s <strong><a href=\"https:\/\/www.guvi.in\/zen-class\/full-stack-development-course\/?utm_source=blog&amp;utm_medium=hyperlink&amp;utm_campaign=DOM-in-Web-Development\" target=\"_blank\" rel=\"noreferrer noopener\">Full Stack Development Course <\/a><\/strong>with Placement Assistance. You will be able to master the <a href=\"https:\/\/www.guvi.in\/blog\/guide-for-mern-stack\/\" target=\"_blank\" rel=\"noreferrer noopener\">MERN stack<\/a><\/em> <em>(MongoDB, Express.js, React, Node.js) and build real-life projects.<\/em><\/p>\n\n\n\n<p><em>Additionally, if you want to explore JavaScript through a self-paced course, try HCL GUVI\u2019s<strong><a href=\"https:\/\/www.guvi.in\/courses\/web-development\/advanced-javascript\/?utm_source=blog&amp;utm_medium=hyperlink&amp;utm_campaign=DOM-in-Web-Development\" target=\"_blank\" rel=\"noreferrer noopener\"> JavaScript certification course.<\/a><\/strong><\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"whatsthedealwithdom\">What&#8217;s the Deal with DOM?<\/h2>\n\n\n\n<p>The Document Object Model (DOM) is like the backstage crew of a theater production. It\u2019s not a programming language, but it\u2019s what makes the magic happen behind the scenes. When you open a webpage, your browser creates a model of that page, known as the DOM. This model is a tree structure where each node represents a part of the document (like an element or text). Without the DOM, the web would be as exciting as watching paint dry.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"howitsbuilt\">How It\u2019s Built<\/h3>\n\n\n\n<p>Think of the DOM as a family tree. At the top, you\u2019ve got the document object, the big boss. From there, it branches out into child nodes, forming a tree-like structure.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"htmldocument\">HTML Document<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;title&gt;Page Title&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;h1&gt;Hello, World!&lt;\/h1&gt;\n    &lt;p&gt;This is a paragraph.&lt;\/p&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"correspondingdomstructure\">Corresponding DOM Structure<\/h4>\n\n\n\n<ul>\n<li>document<\/li>\n\n\n\n<li>html\n<ul>\n<li>head<\/li>\n\n\n\n<li>title\n<ul>\n<li>&#8220;Page Title&#8221;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>body<\/li>\n\n\n\n<li>h1\n<ul>\n<li>&#8220;Hello, World!&#8221;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>p\n<ul>\n<li>&#8220;This is a paragraph.&#8221;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>In this tree, each element is a node. The&nbsp;<code>html<\/code>&nbsp;Element is the parent of both the&nbsp;head&nbsp;and&nbsp;body&nbsp;elements. The&nbsp;body&nbsp;The element is the parent of the&nbsp;<code>h1<\/code>&nbsp;and&nbsp;<code>p<\/code>&nbsp;elements. It\u2019s like a family reunion where everyone\u2019s connected.<\/p>\n\n\n\n<p><strong><em>Read: <a href=\"https:\/\/www.guvi.in\/blog\/guide-for-dom-nodes\/\" target=\"_blank\" rel=\"noreferrer noopener\">DOM Nodes: Understanding and Manipulating the Document Object Model<\/a><\/em><\/strong><\/p>\n\n\n\n<p>Here\u2019s a quick table to break it down:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Node Type<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td>document<\/td><td>The root of the DOM tree<\/td><\/tr><tr><td>html<\/td><td>The root element of the HTML document<\/td><\/tr><tr><td>head<\/td><td>Contains meta-information about the document<\/td><\/tr><tr><td>body<\/td><td>Contains the content of the document<\/td><\/tr><tr><td>h1, p<\/td><td>Elements within the body containing text<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>By getting the hang of the DOM\u2019s structure, you can navigate, access, and tweak elements to make your web content pop. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"howdomworks\">How DOM Works in Web Development<\/h2>\n\n\n\n<p>Getting a grip on how the Document Object Model (DOM) works is a game-changer for web development. Let&#8217;s break it down into two main parts: DOM manipulation and event handling.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"dommanipulation\">DOM Manipulation<\/h3>\n\n\n\n<p>DOM manipulation is all about tweaking the structure, content, or style of a web page on the fly using <a href=\"https:\/\/www.guvi.in\/blog\/jquery-dom-manipulation\/\" target=\"_blank\" rel=\"noreferrer noopener\">JavaScript<\/a>. This is how you make your web pages come alive and respond to user actions. Think of it as the magic wand that lets you add, remove, or change elements, attributes, and styles.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/2_how_dom_works_-1200x628.webp\" alt=\"DOM Manipulation\" class=\"wp-image-55511\" srcset=\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/2_how_dom_works_-1200x628.webp 1200w, https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/2_how_dom_works_-300x157.webp 300w, https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/2_how_dom_works_-768x402.webp 768w, https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/2_how_dom_works_-1536x804.webp 1536w, https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/2_how_dom_works_-2048x1072.webp 2048w, https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/2_how_dom_works_-150x79.webp 150w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" title=\"\"><\/figure>\n\n\n\n<p>Here are some handy methods for DOM manipulation:<\/p>\n\n\n\n<ul>\n<li><strong><code>getElementById(id)<\/code><\/strong>: Grabs an element by its ID.<\/li>\n\n\n\n<li><strong><code>getElementsByClassName(class)<\/code><\/strong>: Fetches elements by their class name.<\/li>\n\n\n\n<li><strong><code><a href=\"https:\/\/www.guvi.in\/blog\/javascript-queryselector-in-dom-manipulation\/\" target=\"_blank\" rel=\"noreferrer noopener\">querySelector<\/a>(selector)<\/code><\/strong>: Snags the first element that matches a CSS selector.<\/li>\n\n\n\n<li><strong><code>querySelectorAll(selector)<\/code><\/strong>: Collects all elements that match a CSS selector.<\/li>\n\n\n\n<li><strong><code>createElement(tag)<\/code><\/strong>: Whips up a new HTML element.<\/li>\n\n\n\n<li><strong><code>appendChild(node)<\/code><\/strong>: Adds a new child node to an element.<\/li>\n\n\n\n<li><strong><code>removeChild(node)<\/code><\/strong>: Kicks out a child node from an element.<\/li>\n\n\n\n<li><strong><code>setAttribute(name, value)<\/code><\/strong>: Sets an attribute on an element.<\/li>\n\n\n\n<li><strong><code>classList.add(className)<\/code><\/strong>: Adds a class to an element.<\/li>\n\n\n\n<li><strong><code>classList.remove(className)<\/code><\/strong>: Removes a class from an element.<\/li>\n<\/ul>\n\n\n\n<p>For more juicy details and cool tricks, check out our article on&nbsp;DOM manipulation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"eventhandlingwithdom\">Event Handling with DOM<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.guvi.in\/blog\/dom-event-flow\/\" target=\"_blank\" rel=\"noreferrer noopener\">Event handling<\/a> is what makes your web pages interactive. Events are things like clicks, key presses, or mouse movements. By using event listeners, you can run specific code when these events happen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/3_how_dom_works_-1200x628.webp\" alt=\"Event Handling with DOM\" class=\"wp-image-55512\" srcset=\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/3_how_dom_works_-1200x628.webp 1200w, https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/3_how_dom_works_-300x157.webp 300w, https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/3_how_dom_works_-768x402.webp 768w, https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/3_how_dom_works_-1536x804.webp 1536w, https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/3_how_dom_works_-2048x1072.webp 2048w, https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/3_how_dom_works_-150x79.webp 150w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" title=\"\"><\/figure>\n\n\n\n<p>Here are some common events in the DOM:<\/p>\n\n\n\n<ul>\n<li><strong><code>click<\/code><\/strong>: Fires when an element is clicked.<\/li>\n\n\n\n<li><strong><code>mouseover<\/code><\/strong>: Fires when the mouse pointer hovers over an element.<\/li>\n\n\n\n<li><strong><code>mouseout<\/code><\/strong>: Fires when the mouse pointer leaves an element.<\/li>\n\n\n\n<li><strong><code>keydown<\/code><\/strong>: Fires when a key is pressed.<\/li>\n\n\n\n<li><strong><code>keyup<\/code><\/strong>: Fires when a key is released.<\/li>\n<\/ul>\n\n\n\n<p>To handle events, you use the&nbsp;<code>addEventListener<\/code>&nbsp;method:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>document.getElementById('myButton').addEventListener('click', function() {\n  alert('Button clicked!');\n});\n<\/code><\/pre>\n\n\n\n<p>This snippet attaches a click event listener to a button with the ID&nbsp;<code>myButton<\/code>. When the button gets clicked, an alert pops up.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"boostyourwebdevelopmentwiththedom\">Boost Your Web Development with the DOM<\/h2>\n\n\n\n<p>Using the Document Object Model (DOM) can take your web projects to the next level. By getting the hang of the DOM, you can make your web pages come alive with dynamic content and interactive features that keep users hooked.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/4_boost_your_web_development_with_the_dom-1-1200x628.webp\" alt=\"Boost Your Web Development with the DOM\" class=\"wp-image-55510\" srcset=\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/4_boost_your_web_development_with_the_dom-1-1200x628.webp 1200w, https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/4_boost_your_web_development_with_the_dom-1-300x157.webp 300w, https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/4_boost_your_web_development_with_the_dom-1-768x402.webp 768w, https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/4_boost_your_web_development_with_the_dom-1-1536x804.webp 1536w, https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/4_boost_your_web_development_with_the_dom-1-2048x1072.webp 2048w, https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/4_boost_your_web_development_with_the_dom-1-150x79.webp 150w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" title=\"\"><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"dynamicwebcontent\">1. Dynamic Web Content<\/h3>\n\n\n\n<p>Dynamic web content means your web pages can change on the fly without needing a reload. The DOM lets you tweak <a href=\"https:\/\/www.guvi.in\/blog\/html-vs-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML and CSS<\/a> in real time, so your content can react to user actions, server updates, and more.<\/p>\n\n\n\n<p>Here&#8217;s what you can do with DOM manipulation:<\/p>\n\n\n\n<ul>\n<li>Add, remove, or change HTML elements<\/li>\n\n\n\n<li>Adjust styles and classes<\/li>\n\n\n\n<li>Update element content<\/li>\n<\/ul>\n\n\n\n<p>Imagine a live news feed where new articles pop up as they&#8217;re published, no page refresh needed. This keeps users engaged and makes for a smoother experience.<\/p>\n\n\n\n<p>Want to dive deeper into DOM tricks? Check out our&nbsp;DOM manipulation guide.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"interactiveuserinterfaces\">2. Interactive User Interfaces<\/h3>\n\n\n\n<p>Modern web apps need snappy, interactive user interfaces (UIs). The DOM is your best buddy here, making your UIs responsive and fun to use. By handling events in the DOM, you can make your app react to user inputs, boosting usability.<\/p>\n\n\n\n<p>Some cool interactive features you can build with the DOM include:<\/p>\n\n\n\n<ul>\n<li>Form validation and submission<\/li>\n\n\n\n<li>Dropdown menus and navigation bars<\/li>\n\n\n\n<li>Modal windows and pop-ups<\/li>\n<\/ul>\n\n\n\n<p>Event handling in the DOM lets you catch and respond to user actions like clicks, key presses, and mouse movements. You can set up event listeners to trigger specific functions when something happens.<\/p>\n\n\n\n<p>Picture a shopping cart app where items can be added or removed on the spot. With <a href=\"https:\/\/www.guvi.in\/blog\/event-capturing-in-the-dom-tree\/\" target=\"_blank\" rel=\"noreferrer noopener\">DOM events<\/a>, you can update the cart in real-time as users interact with it.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Event Type<\/th><th>Description<\/th><th>Example Usage<\/th><\/tr><\/thead><tbody><tr><td>Click<\/td><td>Triggered when an element is clicked<\/td><td>Adding items to a cart<\/td><\/tr><tr><td>Keypress<\/td><td>Triggered when a key is pressed<\/td><td>Form input validation<\/td><\/tr><tr><td>Mouseover<\/td><td>Triggered when the mouse is over an element<\/td><td>Dropdown menu activation<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong><em>Also Explore: <a href=\"https:\/\/www.guvi.in\/blog\/virtual-dom-and-shadow-dom\/\" target=\"_blank\" rel=\"noreferrer noopener\">Virtual DOM and Shadow DOM: Understanding the Key Differences and Benefits<\/a><\/em><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"commonmistakestoavoid\">Common Mistakes to Avoid<\/h2>\n\n\n\n<p>Steering clear of common mistakes can make your web apps faster and easier to maintain. Here are some pitfalls to dodge:<\/p>\n\n\n\n<ol>\n<li><strong>Ignoring Performance<\/strong>: Too many unnecessary DOM manipulations can make your app sluggish. Always keep performance in mind and optimize your code.<\/li>\n\n\n\n<li><strong>Inline Styles and Event Handlers<\/strong>: Avoid inline styles and event handlers. They clutter your HTML and are harder to maintain. Use external CSS and add event listeners with JavaScript.<\/li>\n\n\n\n<li><strong>Global Variables for DOM Elements<\/strong>: Don\u2019t use global variables for DOM elements. They can cause conflicts and make debugging a nightmare.<\/li>\n\n\n\n<li><strong>Overusing Libraries<\/strong>: Libraries can make DOM manipulation easier, but don\u2019t overdo it. Too many libraries can bloat your code. Learn the native DOM API and use libraries wisely.<\/li>\n\n\n\n<li><strong>Skipping Event Delegation<\/strong>: Not using event delegation can lead to too many event listeners, which hurts performance. Always consider event delegation for handling events on multiple child elements.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Common Mistake<\/th><th>Impact<\/th><\/tr><\/thead><tbody><tr><td>Ignoring Performance<\/td><td>Sluggish user experience<\/td><\/tr><tr><td>Inline Styles and Handlers<\/td><td>Harder maintenance<\/td><\/tr><tr><td>Global Variables<\/td><td>Debugging conflicts<\/td><\/tr><tr><td>Overusing Libraries<\/td><td>Bloated code<\/td><\/tr><tr><td>Ignoring Event Delegation<\/td><td>Degraded performance<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><em>Kickstart your Full Stack Development journey by enrolling in HCL GUVI&#8217;s certified <a href=\"https:\/\/www.guvi.in\/zen-class\/full-stack-development-course\/?utm_source=blog&amp;utm_medium=hyperlink&amp;utm_campaign=web-development-project-ideas\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Full Stack Development Course<\/strong><\/a><strong> with Placement Assistance<\/strong> where you will master the MERN stack (MongoDB, Express.js, React, Node.js) and build interesting real-life projects. This program is crafted by our team of experts to help you upskill and assist you in placements. Alternatively, if you want to explore JavaScript through a self-paced course, try HCL GUVI\u2019s <a href=\"https:\/\/www.guvi.in\/courses\/web-development\/advanced-javascript\/?utm_source=blog&amp;utm_medium=hyperlink&amp;utm_campaign=DOM-in-Web-Development\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>JavaScript course.<\/strong><\/a><\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wrap Up<\/h2>\n\n\n\n<p>By sticking to these best practices and avoiding common mistakes, you&#8217;ll get a grip on DOM techniques and boost your <a href=\"https:\/\/www.guvi.in\/blog\/best-skills-for-web-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">web development skills<\/a>. Now that you know basic details about DOM in web development, implement these and work on some great web development projects.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Document Object Model, or DOM for short, is a big deal in web development. If you want to get good at front-end stuff, you gotta know the DOM. Think of it like a family tree for your web page, where each branch and leaf is a part of the document. This setup lets you [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":72685,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[294],"tags":[],"views":"8308","authorinfo":{"name":"Isha Sharma","url":"https:\/\/www.guvi.in\/blog\/author\/isha\/"},"thumbnailURL":"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/What-is-DOM-in-Web-Development_-300x116.webp","jetpack_featured_media_url":"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2024\/06\/What-is-DOM-in-Web-Development_.webp","_links":{"self":[{"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/posts\/54438"}],"collection":[{"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/comments?post=54438"}],"version-history":[{"count":37,"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/posts\/54438\/revisions"}],"predecessor-version":[{"id":90060,"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/posts\/54438\/revisions\/90060"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/media\/72685"}],"wp:attachment":[{"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/media?parent=54438"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/categories?post=54438"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/tags?post=54438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}