totn HTML

HTML: <cite> tag

This HTML tutorial explains how to use the HTML element called the <cite> tag with syntax and examples.

Description

The HTML <cite> tag defines the title of a creative work such as a movie, book, literature, sculpture, painting or drawing. Browsers traditionally render the text found within the <cite> tag as italicized text. This tag is also commonly referred to as the <cite> element.

Syntax

In HTML, the syntax for the <cite> tag is:

<body>
<p><cite>War and Peace</cite> was one of the greatest books.</p>
</body>

Sample Output


Attributes

Only the Global Attributes apply to the <cite> tag. There are no attributes that are specific to the <cite> tag.

Note

  • The HTML <cite> element is found within the <body> tag.
  • The <cite> tag should include the title of the creative work and not the author.
  • Browsers traditionally render the text found within the <cite> tag as italicized text. You can change this behavior with CSS using the font-style property.

Browser Compatibility

The <cite> tag has basic support with the following browsers:

  • Chrome
  • Android
  • Firefox (Gecko)
  • Firefox Mobile (Gecko)
  • Internet Explorer (IE)
  • Edge Mobile
  • Opera
  • Opera Mobile
  • Safari (WebKit)
  • Safari Mobile

Example

We will discuss the <cite> tag below, exploring examples of how to use the <cite> tag in HTML5, HTML 4.01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict, and XHTML 1.1.