Abbreviations, times and machine values in HTML

Three elements that carry a machine-readable value beside the human one.

<p>Published <time datetime="2026-07-30">last Thursday</time>.</p>
<p>Reading time: <time datetime="PT8M">8 minutes</time>.</p>
<p>Built with <abbr title="HyperText Markup Language">HTML</abbr>.</p>
<ul>
  <li><data value="TS-001">Split keyboard</data></li>
  <li><data value="TS-002">Keycap set</data></li>
</ul>

How it works

<abbr title> spells out an abbreviation on hover and to a reader.
<time datetime> gives an unambiguous date beside a friendly one.
<data value> does the same for anything that is not a date.

The run, in numbers

Lines: 7
Characters to type: 309
Tokens: 103
Three-star pace: 60 tpm

At the three-star pace of 60 tokens a minute, this run takes about 103 seconds.

Type this snippet

Step 7 of 7 in Text & headings, step 10 of 28 in Document structure.

← Previous Next →