HTML5 Semantic Tags

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

HTML5 Semantic tags

1.

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

2.

<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.

3.

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

4.

<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.

5.

<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.