Semantic tag vs Non-Semantic tag

Semantic tags

Semantic tags describes is meaning in human readable language. Looking at the tag we can tell what tag it is.

for example:

• <header - represents top header content.
• <nav> - holds the navigation link.
• <footer> - holds bottom footer/copyright information.

Non-Semantic tags

Non-semantic tags tells us nothing about the content inside the tag.

for example:

• <div> - A block level container used to group elements together
• <b> - to make the text or letter bold.

---