| العنصر والاستخدام العام | كيف يراه المتصفح برمجياً | الفارق المعماري الحاسم |
|---|---|---|
| الوسم cite كعنصر مستقل في النص | يظهر بخط مائل افتراضياً ويمثل اسم العمل الإبداعي ككتاب أو مقال | يُكتب كنص مرئي للمستخدم لتحديد عنوان المرجع الإبداعي وليس اسم المؤلف |
| السمة cite داخل أوسمة الاقتباسات | لا يظهر لها أي أثر بصري في الصفحة وتُقرأ برمجياً فقط | تُكتب كعنوان ويب URL مخفي داخل وسم q أو blockquote للإشارة لرابط المصدر |
عندما تكتب مقالاً تقنياً أو علمياً وتذكر فيه كتاباً برمجياً مشهوراً، أو ترجع إلى مقالة علمية، أو تشير إلى موقع ويب كمرجع، فأنت بحاجة إلى إخبار المتصفح ومحركات البحث أن هذا النص هو "عنوان لعمل إبداعي". هنا يأتي دور الوسم الدلالي <cite> (مختصر Citation).
هذا الوسم يمنح المحتوى قيمة توثيقية عالية، ويساعد خوارزميات الـ SEO على ربط المقالات بالمراجع الرسمية لها، ويظهر النص بداخله بشكل مائل (Italic) افتراضياً في جميع المتصفحات.
| 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 | <!-- المثال الأول: الإشارة إلى كتاب تقني مع ذكر المؤلف --> |
| 2 | <p> |
| 3 | إذا كنت تريد فهم هندسة البرمجيات بشكل عميق، أنصحك بقراءة كتاب |
| 4 | <cite>Clean Code</cite> للكاتب الشهير روبرت مارتن. |
| 5 | </p> |
| 6 | |
| 7 | <!-- المثال الثاني: الإشارة إلى موقع ويب كمرجع للمعلومات --> |
| 8 | <p> |
| 9 | تم جلب هذه الإحصائيات البرمجية بناءً على التقرير السنوي المنشور في موقع |
| 10 | <cite>Stack Overflow</cite> لعام 2025. |
| 11 | </p> |
| 12 | |
| 13 | <!-- المثال الثالث: مراجعة مقال تقني --> |
| 14 | <p> |
| 15 | شرحت منصة نوفيل في مقالها الأخير |
| 16 | <cite>دليلك الشامل لهيكلة الويب الدلالي</cite> أهمية الأوسمة في تحسين الـ SEO. |
| 17 | </p> |
| 18 | |
| 19 | <!-- المثال الرابع: دمج وسم cite مع وسم blockquote بشكل صحيح --> |
| 20 | <blockquote cite="https://www.w3.org/TR/html52/"> |
| 21 | إن لغة HTML5 تُعد المعيار الأساسي لبناء وتطوير الويب الحديث. |
| 22 | <br> |
| 23 | — المصدر: <cite>مواصفات HTML5 الرسمية</cite> الصادرة عن منظمة W3C. |
| 24 | </blockquote> |