Breaking

Sunday, May 12, 2019

HTML q Tag


Example

Mark up a short quotation:
<p>WWF's goal is to: 
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
Try it Yourself »

Definition and Usage

The <q> tag defines a short quotation.
Browsers normally insert quotation marks around the quotation.

Browser Support

Element
<q>YesYesYesYesYes

Tips and Notes

Tip: Use <blockquote> to mark up a section that is quoted from another source.

Differences Between HTML 4.01 and HTML5

NONE.

Attributes

AttributeValueDescription
citeURLSpecifies the source URL of the quote


Global Attributes

The <q> tag also supports the Global Attributes in HTML.

Event Attributes

The <q> tag also supports the Event Attributes in HTML.

Related Pages

HTML DOM reference: Quote Object

Default CSS Settings

Most browsers will display the <q> element with the following default values:

Example

{ 
  display: inline;
}

q:before { 
  content: open-quote;
}

q:after { 
  content: close-quote;
}
Try it Yourself »

No comments:

Post a Comment