HTML <cite> tag defines a citation, offering a reference or title to various types of creative works such as quoted content, books, websites, research papers, blog posts, paintings, and more.
The primary function of including the <cite> element is to attribute or specify the origin of the quotation or content.
The text enclosed within the <cite> tag appears in italics when displayed on the web browser, and it is possible to overwrite this style using CSS within your HTML file.
Syntax
<cite>Cited Content.......</cite>
Following are some details regarding the <cite> element:
| Display | Inline |
|---|---|
| Start tag/End tag | Both start and End tag |
| Usage | textual |
Example:
<!DOCTYPE html>
<html>
<head>
<title>Cite Tag</title>
</head>
<body>
<h2>Example of cite tag</h2>
<img src="https://placehold.co/400x300/1abc9c/ffffff?text=Sample+Image" height="150" width="120">
<p>A famous book:
<cite> Learning Web Design</cite> written by Jennifer Niederst Robbins
</p>
</body>
</html>
Output:
Attribute
Tag-specific attribute
HTML <cite> element does not include any particular attribute.
Global Attribute
HTML <cite> element accommodates all Global attributes available in HTML.
Event Attribute
HTML <cite> element accommodates all Event attributes available in HTML.
Supporting Browsers
| Element | Chrome | IE | Firefox | Opera | Safari |
|---|---|---|---|---|---|
<cite> |
Yes | Yes | Yes | Yes | Yes |