Module 4: Text Content and Inline Semantics
Text-Level Semantic Elements
Use abbreviations, citations, quotations, dates, and highlighted text with their intended meaning.
HTML has several elements for adding meaning to a word or phrase without creating a new block of content.
<p><abbr title="HyperText Markup Language">HTML</abbr> structures web content.</p>
<p>We reviewed the <cite>HTML Living Standard</cite> before updating the guide.</p>
<p>The author wrote, <q>Make the simplest useful version first.</q></p>
<p>Updated on <time datetime="2026-11-03">3 November 2026</time>.</p>
<p>Search for <mark>accessible form labels</mark> in the audit notes.</p>
abbr can provide an expansion through title. cite identifies the title of a creative work, not the name of a person who said something. q marks a short inline quotation; use blockquote for a longer quotation. time can provide a machine-readable date or time through datetime. mark highlights text relevant to the current context.
Other useful elements include small for side comments or fine print, sub and sup for subscript and superscript, and data for content associated with a machine-readable value.
Not every phrase needs a semantic wrapper. Use the element when it adds information that is genuinely present in the content.