Skip to content
finote

12. cite Element

Introduction

Section titled “Introduction”

The <cite> element represents a reference to a creative work, such as a book, article, song, or website. It’s used to mark up the title of a work being referenced. The cite element helps identify citations and improves semantic meaning.

Basic Usage

Section titled “Basic Usage”
<p>From <cite>The Book Title</cite> by Author Name.</p>

Common Use Cases

Section titled “Common Use Cases”

Book Citation

Section titled “Book Citation”
<p>As mentioned in <cite>HTML: The Complete Guide</cite>...</p>

Article Citation

Section titled “Article Citation”
<blockquote>
    <p>Quoted content</p>
    <footer>
        — <cite><a href="https://example.com/article">Article Title</a></cite>
    </footer>
</blockquote>

Work Reference

Section titled “Work Reference”
<p>Reference: <cite>Website Name</cite></p>

Best Practices

Section titled “Best Practices”

Title of Work

Section titled “Title of Work”

Use cite for work titles, not author names:

<!-- Good: Work title -->
<p>From <cite>The Book Title</cite> by Author Name.</p>


<!-- Avoid: Author name -->
<p>From Book Title by <cite>Author Name</cite>.</p>

References

Section titled “References”