What is semantic element/tag in html?
Semantic Element/Tag in HTML
This Element/Tag is describe its meaning both developer and browser. It help to understand write the code for what is this section is use for.
Semantic Element/Tag
There are two type of Semantic Element/Tag that is semantic and another is non-semantic element/tag.
Semantic Element/Tag
Semantic element/tag clearly define its content what is the use of this element/tag and where it.
There are different type of semantic element/tag ;
1- <section> : It define a section of a document.
2- <table> : It define that content is contain for row and column.
3- <figure> : It define specific self-contained content, like illustration , some diagram and images.
4- <article> : It define independent, self-contained content.
5- <header> : It define a specific header of a content/document.
6- <nav> : It define a navigation links.
7- <details> : It define additional details that the user can view and hide.
8- <aside> : It define content aside from the page content.
9- <main> : It define the main content of a document.
10- <figcaption> : It define caption for a <figure> element.
11- <summary> : It define a visible heading for a <details> element.
12- <mark> : It define mark/highlight text.
13- <time> : It define a date/time.
14- <footer> : It define footer of a document section.
Non-Semantic Element/Tag
Non-semantic element/tag is nothing define about its content.
There are different type of non-semantic element/tag:
1- <div> : It define it is a block level element.
2- <span> : It define it is a inline-block level element.