Inline Semantic Elements

HTML provides inline semantic elements such as <strong>, <em>, <mark>, <small>, <abbr>, <time>, <code>, <kbd>, <samp>, and <var>. These elements communicate meaning rather than simply controlling appearance.

Inline Semantics
<p><strong>Important:</strong> Save your work.</p>\n<p>Press <kbd>Ctrl</kbd> + <kbd>S</kbd>.</p>\n<p>Use the <code>fetch()</code> API.</p>\n<p>The event occurs at <time datetime="2026-10-09">October 9, 2026</time>.</p>
💡 These elements encode meaning that browsers and assistive technologies can interpret.
Key Takeaways
  • Prefer semantic elements over styling-oriented markup.
  • Meaningful HTML improves accessibility and maintainability.
Knowledge Check

Which element represents strong importance?