HTML <cite> Tag
Concept
The <cite> tag in HTML is used to define the title of a work, such as a book, a song, a movie, a painting, etc. It’s a way to give credit to the original source or to reference a particular piece of work within the content. The content inside the <cite> tag is typically rendered in italic by browsers.
Implementation
Example 1: Citing a Book Title
Here’s an example of how you can use the <cite> tag to cite the title of a book:
<p>The book <cite>The Great Gatsby</cite> by F. Scott Fitzgerald is considered a classic in American literature.</p>
Example 2: Citing a Movie Title
You can also use the <cite> tag to cite the title of a movie:
<p>One of my favorite movies is <cite>Inception</cite> directed by Christopher Nolan.</p>
Try it out below:
Attributes
Global Attributes
The <cite> tag supports all the global attributes in HTML.
Event Attributes
The <cite> tag also supports all the event attributes in HTML.
Browser Support
| Browser | Support |
|---|---|
| Chrome | Yes |
| Firefox | Yes |
| Safari | Yes |
| Opera | Yes |
| IE | Yes |
Default CSS Settings
Most browsers will display the <cite> element with the following default CSS settings:
cite {
font-style: italic;
}
Conclusion
The <cite> tag provides a semantic way to reference titles of works within your content. It helps in maintaining the integrity of the cited work and ensures that browsers render it in a way that signifies a citation.
It’s a useful tag for authors, bloggers, and content creators who want to give proper attribution to original works.