Scroll to top
2 min read

The HTML <cite> element (the citation element) represents a reference to a creative work, such as a book, a song, a movie, a piece of art, or a web page.

The content inside the <cite> element should be a reference to the title of the work. The reference may be in the form of a citation, a URL, or any other form of text that indicates the source of the work.

Syntax

1
<cite>Reference to a creative work</cite>

Examples

Here’s an important bit of knowledge for you, with correct citation, in case you’re planning a pub quiz any time soon.

Syntax

1
<p>According to <cite>The Hitchhiker's Guide to the Galaxy</cite>, the answer to life, the universe, and everything is 42.</p>

Result

Please accept marketing cookies to load this content.

Attributes

The <cite> element doesn’t have any attributes of its own. However, it supports Global Attributes in HTML. Global Attributes are common to all HTML elements and can be used on all of them (though they may not have much of an effect on some of them).

Content

The content of the <cite> element should be a reference to the creative work being cited. This can be a title, a URL, a citation, or any other form of text that indicates the source of the work.

Accessibility

The use of the <cite> element is important for accessibility, as it provides context and information about the source of the content.

Did You Know?

The <cite> element is often used in conjunction with the <blockquote> element, to mark up quotes and citations in HTML.

Here’s an example. The <blockquote> element may contain a cite attribute, which references the URL of the source, and a <cite> tag for textual representation.

Please accept marketing cookies to load this content.

Learn More

To learn more about the <cite> element, check out the official HTML specification.