2.13 dfn, abbr, and time Elements

In this section, we introduce three elements that aren’t used all that often, but they are helpful if you want to manipulate definitions, abbreviations, dates, and times with CSS or JavaScript.

dfn Element

The dfn element is for a word or expression that is to be defined. It’s not for the definition, but rather the thing that is being defined. So, in the following example, dfn tags surround “tooltip,” the word being defined, and not “is a pop-up …,” which is the definition.

<p>
  A <dfn>tooltip</dfn> is a pop-up box that provides information  about the item that the mouse is hovering over.
</p>

You might think that dfn stands for “definition.” It’s certainly possible that dfn stood for “definition” when HTML ...

Get Web Programming with HTML5, CSS, and JavaScript now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.