Discuss new HTML tags introduced in HTML5
New HTML5 Tags and Their Purpose
HTML5 introduced several new semantic elements to improve the structure, meaning, and accessibility of web pages. These tags help developers build cleaner, more organized, and standards-compliant code while improving SEO and accessibility.
Important New Semantic Tags in HTML5
- <header> – Defines introductory content or navigation links for a page or section.
- <footer> – Represents footer information like author details, copyright, or related links.
- <article> – Used for independent content like news articles, blog posts, or forum entries.
- <section> – Defines a thematic grouping of content, often with a heading.
- <nav> – Represents a section for navigation links.
- <aside> – Contains tangential or sidebar content, like ads or related info.
- <main> – Represents the dominant content of the document.
- <figure> and <figcaption> – Used for images, illustrations, or diagrams with captions.
<mark> – Highlights or marks text as relevant.
Example: Using HTML5 Semantic Tags
In short: HTML5 semantic elements provide more meaningful structure to web pages, improving accessibility, readability, and SEO while replacing excessive use of generic <div> tags.