HTML5 <cite> Tag

The HTML <cite> tag is used to represent a reference to a creative work. This must include the title of a work or a URL reference, which may be in an abbreviated form according to the conventions used for the addition of citation metadata.

The only content permitted inside this element is phrasing content. Both the starting and ending tag are mandatory for this element. Any element that accepts phrasing content can be the parent of the <cite> tag.

Please note that even though previous versions of HTML implied that the cite element can be used to mark up the name of a person, that usage is no longer considered conforming.

You can use the cite attribute on a <blockquote> or <q> element to reference an online resource for a source.

The following style is applied to this element by default:

cite {
  font-style: italic;
}

Here is an example of using this tag:

<p>My favorite book is <cite>A Brief History of Time</cite> by Stephen Hawking. My favorite painting is <cite>The Starry Night</cite> by Vincent van Gogh. My favorite T.V. show is <cite>Breaking Bad</cite> by Vince Gilligan.</p>

Attributes

This element only accepts global attributes.

Examples

See the Pen HTML cite Tag by Tutorialio (@tutorialio) on CodePen.

Further Reading

  1. Read more about the HTML <cite> element on MDN.
  2. You can also read the HTML <cite> tag reference on W3C.

Reader Comments

1. You can register or login to post a comment. Asking readers to register improves the quality of discussion.

2. As a registered user, you will also get to access features like choosing between a light and dark theme or anything else that we might implement in future.

Follow Us For Updates

FacebookTwitterGoogle+
Go To Top