Hack Frontend Community

Difference Between strong and b Tags in HTML

Both tags visually make text bold, but they have different purposes and semantic meaning.


<b> — just visual emphasis

  • Makes text bold without semantic load.
  • Used only for styling.
<p>This is an <b>important</b> point in design.</p>
  • Doesn't tell browser or screen readers that text is important.
  • Doesn't affect SEO.

<strong> — semantic emphasis of importance

  • Makes text bold and indicates it's important information.
  • Semantic tag — screen readers announce it with emphasis.
<p>This is <strong>important</strong> information!</p>
  • Improves accessibility (a11y).
  • Can affect SEO, as search engines consider text importance.

Tip:

If you just want bold text — use CSS (font-weight: bold;). If text has semantic importance — use <strong>.