Semantic Elements in HTML

HTML has 2 types of elements.

• Non Semantic Elements
• Semantic Elements

Non Semantic Element

Non semantic elements are those elements where we do not know what type of content will be stored. e.g. div and span are non semantic elements.

Semantic Element

Semantic elements are those elements where we know what type of content will be stored. e.g. header, footer and main are semantic elements. Here is the list of important semantic elements.

• header - It stored logo, navigation bar etc
• main - main content of page
• footer - Sitemap, social media links, copyright is stored in footer
• nav - Navigation links are stored in nav
• aside - sidebar
• article - Main article is stored here
• section - An article can have multiple sections
• summary - Summary of article is stored here