<cite> يُستخدم لتحديد عنوان عمل إبداعي أو مرجع — كتاب، فيلم، أغنية، لوحة فنية، مقالة، موقع ويب.
ملاحظات مهمة: • cite يحدد عنوان العمل، ليس اسم شخصه (المؤلف أو الفنان) • يختلف عن صفة cite في blockquote/q التي تحدد URL المصدر • يظهر مائلاً في المتصفحات الافتراضية
استخدامات شائعة: - أسماء الكتب في مقالة - عناوين الأفلام في مراجعة - ألبومات موسيقية - أسماء المواقع كمراجع
| 1 | <!-- عنوان كتاب --> |
| 2 | <p>استوحيت هذه الفكرة من كتاب <cite>Clean Code</cite> لروبرت مارتن.</p> |
| 3 | |
| 4 | <!-- عنوان فيلم --> |
| 5 | <p>الفيلم <cite>Inception</cite> فيلم علمي خيالي رائع.</p> |
| 6 | |
| 7 | <!-- عنوان موقع --> |
| 8 | <p>البيانات مستخرجة من <cite>MDN Web Docs</cite>.</p> |
| 9 | |
| 10 | <!-- مع رابط --> |
| 11 | <p> |
| 12 | راجع <cite><a href="https://developer.mozilla.org">MDN Web Docs</a></cite> |
| 13 | لمزيد من التفاصيل. |
| 14 | </p> |
مثال 1: مراجعة كتاب
| 1 | <article> |
| 2 | <h1>مراجعة: كتاب The Pragmatic Programmer</h1> |
| 3 | |
| 4 | <p> |
| 5 | <cite>The Pragmatic Programmer</cite> من تأليف |
| 6 | Andrew Hunt و David Thomas هو من أهم الكتب |
| 7 | في مجال هندسة البرمجيات. |
| 8 | </p> |
| 9 | |
| 10 | <blockquote> |
| 11 | <p>"البرمجة الجيدة تشبه الكتابة الجيدة — كلاهما يتطلب التحرير المستمر."</p> |
| 12 | <cite>The Pragmatic Programmer</cite> |
| 13 | </blockquote> |
| 14 | </article> |