The cite HTML Tag
January 20, 2021
Welcome to part three of the Uncommon HTML Tag series!
With each article in this series, I will introduce a widely unknown HTML tag, discuss compatibility across browsers and cover some real-world use cases with the element.
The < cite > Tag
<cite></cite> tag is a semantic element that is used to denote a referenced piece of work, such as a book, an essay, a film, a musical or even a tweet.
Many browsers style the content of a
<cite></cite> element in italics by default.
Let's take a look at how it's used!
Both the opening and closing tags are mandatory and, unlike some of the other HTML tags we've discussed, does not contain any unique attributes (global attributes can be used).
Please note that, according to the MDN Web Docs,
...the W3C specification says that a reference to a creative work, as included within a <cite> element, may include the name of the work’s author. However, the WHATWG specification for <cite> says the opposite: that a person’s name must never be included, under any circumstances.
<cite></cite> tag is part of the HTML Living Standard and is supported on all major web browsers!
Thanks for reading! Have you ever used the
<cite></cite> tag in a project? Let me know in the comments below!