<span> is not a semantic element for text in HTML5. Semantic elements in HTML5 clearly describe their content's meaning to browsers and developers, improving accessibility and SEO. Examples include <article> for independent content, <header> for introductory sections, <mark> for highlighted text, and <section> for thematic groupings.

Non-semantic elements like <div> and <span> provide no inherent meaning—they're generic containers for styling or scripting.

Common Semantic Text Elements

Here's a quick list of key HTML5 semantic elements often used for text and structure:

ElementPurpose
`
`
Self-contained content like blog posts.
`
`
Introductory content or page/section headers.
``Highlighted or marked text.
`Navigation links.
`
`
Thematic grouping of content.
``, however, falls into the non-semantic category alongside `
`—it's neutral and doesn't convey purpose.

Why It Matters

Using semantic elements helps screen readers and search engines understand page structure better. For instance, <mark> signals important text, unlike <span> which needs extra attributes for context. In multiple-choice quizzes, <span> is the classic "not semantic" pick.

TL;DR : <span> lacks semantic meaning; opt for elements like <mark> or <strong> for text with intent.

Dandapani

Written by Dandapani

"Reading is a discount ticket to everywhere." — This philosophy guides my writing and exploration of ideas.