HTML5 Semantic Tags

Tags in HTML5 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 webpage section, for example, contact info and 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, we can have a section for similar blogs at the bottom of a web page.

5.

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

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