Technology Sep 14, 2026 · 1 min read

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

DE
DEV Community
by Mathu varshtih
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.
DE
Source

This article was originally published by DEV Community and written by Mathu varshtih.

Read original article on DEV Community
Back to Discover

Reading List