HTML5 Semantic Tags

There are several new tags in HTML5 that help us better structure our content

HTML5 Semantic tags


<main> tag is for the main content of a webpage and is unique to that page.


<section> defines a specific section of a webpage. For example: a contact info, a blog list.

We can have several different sections on a web page.


<article> defines content that makes up an article. For example: a blog post


<aside> defines contents that are related to something else.

For example, at the bottom of a web page we can have a section for similar blogs.


<header> is used for the header of a website. It contains navbar, title, logo, etc.

<footer> is used for the footer of a website. It contains contact information, etc.