Welcome to Vanilla Breeze
This bell pulls live notifications from /go/notify/messages — the same contract documented at /docs/concepts/service-contracts/. Static articles like this one are the no-JS / no-backend fallback.
This bell pulls live notifications from /go/notify/messages — the same contract documented at /docs/concepts/service-contracts/. Static articles like this one are the no-JS / no-backend fallback.
Provide a source URL for quoted or edited content. A semantic attribute on blockquote, del, and ins that is invisible to users but available to machines.
The cite attribute provides a URL pointing to the source document for quoted or edited content. It is a purely semantic annotation — browsers do not display the URL, and no link is created. The value is intended for search engines, content scrapers, and other tooling that processes structured content.
Important: This page documents the cite attribute, not the <cite> element. They serve different purposes.
Applies to:
<blockquote> — URL of the original source being quoted<del> — URL of the document explaining the deletion<ins> — URL of the document explaining the insertion| Element | cite Value | Purpose |
|---|---|---|
<blockquote> | URL | The source of the quoted text |
<del> | URL | A document explaining the removal |
<ins> | URL | A document explaining the addition |
Use the cite attribute to record where a quote came from. Since browsers do not display it, always pair it with visible attribution for human readers.
<!-- cite attribute: machine-readable source URL --><blockquote cite="https://www.w3.org/TR/html52/grouping-content.html#the-blockquote-element"> <p>Content inside a blockquote must be quoted from another source, whose address, if it has one, may be cited in the cite attribute.</p></blockquote> <!-- Pair with visible attribution for humans --><figure> <blockquote cite="https://example.com/article"> <p>The only way to do great work is to love what you do.</p> </blockquote> <figcaption> — Steve Jobs, <cite><a href="https://example.com/article">Stanford Commencement Speech</a></cite> </figcaption></figure>
The <figure> + <figcaption> pattern is the recommended way to add visible attribution to a blockquote, with the <cite> element wrapping the work title inside the caption.
On <del> and <ins>, the cite attribute points to a changelog, ticket, or document explaining why the edit was made. Pair it with datetime for a complete edit record.
<!-- Source explaining why the change was made --><p>Our hours are <del cite="https://example.com/changelog#hours-update" datetime="2024-06-01">9 AM to 5 PM</del> <ins cite="https://example.com/changelog#hours-update" datetime="2024-06-01">8 AM to 6 PM</ins>.</p>
The cite attribute is not rendered by any browser. If attribution matters to your users, you must provide it as visible content. The attribute alone is not enough for humans.
<!-- The cite ATTRIBUTE is hidden; make attribution visible too --><blockquote cite="https://example.com/interview"> <p>Simplicity is the ultimate sophistication.</p></blockquote><p> — Attributed to Leonardo da Vinci, from <a href="https://example.com/interview">The Design of Everyday Things</a></p>
HTML has both a cite attribute and a <cite> element. They are related but different.
| Feature | cite Attribute | <cite> Element |
|---|---|---|
| What it holds | A URL | The title of a work |
| Visible | No | Yes (rendered in italics by default) |
| Used on | <blockquote>, <del>, <ins> | Inline, anywhere |
| Purpose | Machine-readable source link | Human-readable work title |
<!-- cite ATTRIBUTE: invisible URL on blockquote --><blockquote cite="https://example.com/paper.pdf"> <p>Research indicates a 40% improvement in outcomes.</p></blockquote> <!-- cite ELEMENT: visible reference to a creative work --><p>As discussed in <cite>The Design of Everyday Things</cite>,affordances shape user behavior.</p>
cite attribute. It provides no direct benefit to assistive technology users.cite attribute so all users can identify the source.<cite> element is announced by screen readers as part of the normal text flow, making it the better choice for user-facing attribution.cite attribute value. It is completely invisible in the default rendering.cite attribute is rarely used in practice because most developers are unaware of it or find its invisibility unhelpful.<blockquote> — block-level quotations<cite> element — visible title of a creative workdatetime — machine-readable timestamps on del and ins