03 / 07

Difference between <strong> and <b> tags?

Both <strong> and <b> tags make text appear bold, but they serve different purposes. The <b> tag is purely visual, while the <strong> tag adds semantic meaning, indicating that the text is important. Screen readers emphasize <strong> text but not <b> text.

Example Using <b> and <strong>
Key Differences
  1. 1

    <b>: makes text bold without adding importance (visual styling only).

  2. 2

    <strong>: makes text bold and conveys importance or emphasis.

  3. 3

    Screen readers give <strong> special vocal stress, improving accessibility.

  4. 4

    For semantic HTML, prefer <strong> over <b> when the text is important.

Example with CSS Alternative