Menu

HTML cite Tag

HTML cite Tag

The HTML <cite> tag is used to display a citation which is nothing but a text in a format that is different from normal text. The text embedded within the citation element is normally displayed in italic form.

We use the <cite> tag along with the <blockquote> tag to cite the author of the quotation.

  • The <cite> tag means citation.
  • A citation is normally required whenever someone wants to quotation or remarks of an author.
  • Any reference to any creative work is embedded inside the <cite> tag.
  • Also, this is an inline element.

HTML <cite> Tag - Syntax and Usage

The <cite> element requires the start(opening) tag and end(closing) tag. The required syntax for the same is given below:

<cite>
    ...
</cite>

HTML <cite> Tag Basic Example

Below we have a basic example using the <cite> tag:

<!doctype html>
<html>
    <head>
        <title>
            Example of citation
        </title>
    </head>
    <body>
        <blockquote>
            <p>
                There is no distance you can't travel, just keep walking.
            </p>
            <p>- <cite>Abhishek Ahlawat</cite></p>
        </blockquote>
        <p>In the example above, we used the &lt;cite&gt; tag with the &lt;blockquote&gt; tag, but we can also use it with <cite>normal text</cite>.</p>
    </body>
</html>

HTML <cite> Tag Attributes

This element does not have any specific attributes although this element supports Global attributes and Event attributes.

Default CSS style for HTML <cite> tag

cite {
    font-style: italic;
}

Browser Support for HTML <cite> tag

Following browsers support this attribute:

  • Firefox 1+
  • Google Chrome 1+
  • Internet Explorer 2+
  • Safari 1+
  • Opera 4+