Definition:
Semantic tags are HTML tags that help developers structure a webpage in a meaningful way. These tags, such as <header> and <footer>, are used to define different parts of a webpage clearly. They divide the webpage into structured sections according to user requirements and help organize each part of the webpage.
Webpage Layout Structure:
List of Semantic Tags:
• <header> → To define the top part of the webpage.
• <nav> → To create navigation links for the webpage.
• <section> → To divide the webpage into different parts.
• <article> → To define independent content.
• <aside> → To show side content.
• <footer> → To define the bottom part of the webpage.
• <main> → To define the main content of the webpage.
• <figure> → To add image or diagram content.
• <figcaption> → To give a caption for the figure.
• <address> → To give contact information.