Foundation HTML5 with CSS3

Chapter 4

Figure 4-19 shows the quotation from Listing 4-31, complete with automatic punctuation.

Figure 4-19. The browser generates the quotation marks before and after the q element

Required Attributes

The q element doesn’t have any required attributes.

Optional Attributes

 cite: The URL of the quotation’s original source.

dfn

The dfn element denotes the defining instance of a term, especially one that may reoccur throughout the

rest of the document. If the term is defined in context, the dfn element alone is enough to indicate that a

new word has been introduced. If the term’s meaning isn’t made clear by the adjacent text, you should

include a brief definition in a title attribute. Browsers usually display a dfn in an italicized font to set it off

from the surrounding text.

Listing 4-32 shows an example of a dfn element that includes a short definition in its title attribute.

Listing 4-32. A dfn element with a definition in its title attribute

<p>For added coverage, protection, and identity obfuscation, select

from our wide variety of <dfn title="A head covering combining a hood

and a collar or mantle">cowl</dfn> designs. We have cowls with ears,

horns, wings, spikes, lightning bolts, or even plain; whatever your

motif, we can hide your face in style.</p>

Required Attributes

There are no required attributes for the dfn element.

Optional Attributes

The dfn element doesn’t have any optional attributes.

abbr

The abbr element indicates an abbreviation—a shortened form of a lengthy term. For example, etc. is an

abbreviation of et cetera (the Latin phrase meaning “and so forth”), and Inc. is an abbreviation of

Incorporated. Abbreviations can also be formed from the initial letters of a multiword phrase such as ATM