In HTML4 developers used to utilize tables for developing body layouts where the table leads to a situation called "kiss-of-death", which means that the table is not sure about where and when to load the data on the page, as page content is not SEO friendly to handle this issue, HTML5 introduced several new elements to design body layouts & we call them as Semantic Element
Semantic elements in HTML are (tags) elements that describe the content they contain, giving both human readers and search engine crawlers additional meaning and context. Semantic tags can help improve a web page's accessibility, usability, and search engine optimisation.
Below are a few HTML examples of semantic tags.
<header>: Describes the area at the top of a web page that usually includes a logo, navigation, and other introductory material.
<nav>: Describes the area of a web page that provides links for navigating.
<main>: Describes the main content of a web page.
<article>: Describes an isolated article or piece of material that can be syndicated or used without affecting the remainder of the page.
<dialog>: It creates a dialogue box or subwindow and makes it simple to add popups and modal dialogues to a web page.
<figure>: Describes self-contained material, such as pictures, diagrams, codes, and so forth.
<figcaption>: Describes the first or last child of the figure element, and defines a caption for the figure element.
<div>: Describes division or section in an HTML document. It is used to display blocked content.
<span>: Describes as an inline container that is used to display inline content.
<menu>: Describes list or menu of commands.
<section>: Describes a logical section of a web page, such as a chapter, a tab, or a widget.
<aside>: Describes content that is tangentially related to the main content of a web page, such as a sidebar or a callout box.
<footer>: Describes the bottom section of a web page, typically containing copyright information, links, and other closing content.
By using semantic tags, web developers can create more meaningful and accessible web pages that are easier to understand and navigate for both humans and machines.