HTML Semantic Tags
By Saket Bhatnagar••Beginner to Intermediate
semantic tags
- 1Semantic tags are self explanatory tags.
- 2Semantic tags in HTML are designed to give meaning to the content they contain.
- 3Example:- <form> , <table>, <video>, <audio>, etc are semantic tags whereas <ol>,<tr>,<td>,etc are non semantic tags.
Page Layout
- 1It is the arrangement of visual elements on a webpage.
Header Tag
- 1The Header semantic tag was introduced in Html5.
- 2Header tag is used to represent the header or topmost part of a website where we have logo and navigation links.
- 3It is a container tag
- 4It is block level element.
Nav Tag
- 1The Nav semantic tag was introduced in Html5.
- 2All navigation links like home link, contact us, services, etc, should be written within the Nav tag.
- 3It is a container tag
- 4It is block level element.
Section Tag
- 1The Section semantic tag was introduced in Html5.
- 2Section tag is used to define sections in a web page.
- 3It is a container tag
- 4It is block level element.
Article Tag
- 1The Article semantic tag was introduced in Html5.
- 2Article tag is used to create divisions in section tag.
- 3Here, we can write independent content.
- 4It is a container tag
- 5It is block level element.
Main Tag
- 1The Main semantic tag was introduced in Html5.
- 2Main tag is used to define the main content of a web page.
- 3The main content inside a section or article can be written within the main tag.
- 4It is a container tag
- 5It is block level element.
Aside Tag
- 1The Aside semantic tag was introduced in Html5.
- 2The content which is not directly related to our website like advertisements should be written within the aside tag.
- 3It is a container tag
- 4It is block level element.
Footer Tag
- 1The Footer semantic tag was introduced in Html5.
- 2Footer tag represents the footer/ bottom part of a web page or website.
- 3It is a container tag
- 4It is block level element.