HTML is a language of Tags. In HTML, we have the heading tag, the title tag, the paragraph tag, the division tag, the table tag, and more.
- Head Tag <head>
- Title Tag <title>
- Heading Tags <h1>, <h2>, <h3>, etc
- The Paragraph tag <p>
- And a lot more.
To view any web page’s HTML source, right-click on the page and click inspect in the chrome browser.
HTML is laid out in hierarchical manner. This means at the top we <head> then we have <body> then we might have <p> as child of body, then we may have <h1> as a child of <p> and so on.
<body> <p> <h1> I’m a child of <p> and <p> is a child of <body> </h1> </p> </body>
DOM stands for Document Object Model, it is the source HTML. In a more technical manner, DOM is an interface between the browser and the source. In easier words, we can say that whenever a web page loads, the browser creates something we call DOM or Document Object Model.
You can retrieve various HTML elements either through their tag name, class name, IDs, CSS selectors or object collections.
Understanding DOM will become important to you when you will start checking how the browser renders your content and eventually how Google renders your content.
As an SEO, you have to make sure that the most important content of your webpage stays at the top of the DOM.
Another concept that you will hear some experts talking about is the critical rendering path.
Critical rendering path is the series of steps a browser needs to take through the DOM to render above the fold content. Make sure your critical rendering path is short and nothing unnecessary is obstructing it to render above the fold content quickly.
Search Engine Code Team is comprised of SEO experts and strategists having more than 20 years of combined experience. We keep testing and delivering knowledge of SEO for the community of SEO.