Inline semantics in HTML

Inline elements that carry meaning: emphasis, importance, code and abbreviations.

<p>
  Press <kbd>Tab</kbd> to accept the hint, then run
  <code>npm test</code> before you commit. This is
  <strong>required</strong> -- the hook will reject the push otherwise.
  An <abbr title="Abstract Syntax Tree">AST</abbr> is parsed first,
  which is <em>usually</em> the slow part.
</p>

How it works

em is stress, strong is importance — both beat i and b.
code marks source text, kbd marks what the user presses.
abbr gives an expansion the reader can hover for.

The run, in numbers

Lines: 7
Characters to type: 284
Tokens: 58
Three-star pace: 60 tpm

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

Type this snippet

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

← Previous Next →