<abbr> Tag — HTML Technical Interview Questions & Answers

Marks up an abbreviation or acronym.

<abbr> Tag

  • Marks up an abbreviation or acronym.
  • <abbr> is the <abbr> HTML element. HTML uses this tag so the browser (and screen readers) know what the piece is, not only how it looks.
  • Board: <abbr>…</abbr> Put it in body. Check it in the browser. Attributes go on the opening tag.
  • Trap: wrong nesting or missing a required attribute. CSS can still style it — don’t pick a tag only because of default italics.
  • Interview: name the tag, one attribute if it has a famous one (href, src, alt, for, type), one mistake.

Technical Interview Tip: <abbr>: the <abbr> HTML element. Example: <abbr>…</abbr>

Code Examples for <abbr> Tag

<abbr> Tag — working example

<article>
  <h1>Reading notes</h1>
  <p>
    Prefer <strong>strong</strong> and <em>em</em> for meaning.
    Abbreviate <abbr title="HyperText Markup Language">HTML</abbr>.
  </p>
  <blockquote cite="https://example.com">
    <p>Practice aloud for thirty seconds.</p>
  </blockquote>
  <pre><code>console.log("hi");</code></pre>
  <p>Updated <time datetime="2026-08-05">Aug 5, 2026</time>.</p>
  <p><meter min="0" max="100" value="72">72%</meter></p>
  <address>Contact: coach@example.com</address>
</article>

<abbr> Tag — phrase and sectioning tags add meaning beyond plain div/span — use the element that matches the content.

How to Explain <abbr> Tag to an Interviewer

What is the <abbr> tag?

the <abbr> HTML element <abbr>…</abbr>

One common mistake?

wrong nesting or missing a required attribute