نوفيل
الرئيسيةالكورساتالتحديات⚔️ المبارزاتالمقالاتالأدواتتغريداتالمجتمع
دخولابدأ مجاناً
الرئيسيةالكورساتالتحديات⚔️ المبارزاتالمقالاتالأدواتتغريداتالمجتمع
نوفيل

منصة تعليم البرمجة الأولى بالعربي. تعلم من الصفر حتى الاحتراف مع كورسات احترافية وتحديات ذكاء اصطناعي.

المنصة

  • الكورسات
  • التحديات
  • المقالات
  • الأدوات

الحساب

  • إنشاء حساب
  • تسجيل الدخول
  • لوحة التحكم
  • الملف الشخصي

روابط

  • سياسة الخصوصية
  • شروط الاستخدام
  • عن نوفيل
  • تواصل معنا

© 2026 نوفيل. جميع الحقوق محفوظة.

صُنع بـ في مصر

نوفيل
الرئيسيةالكورساتالتحديات⚔️ المبارزاتالمقالاتالأدواتتغريداتالمجتمع
دخولابدأ مجاناً
الرئيسيةالكورساتالتحديات⚔️ المبارزاتالمقالاتالأدواتتغريداتالمجتمع
HTML

منهج HTML

دليل مرجعي شامل

كل اللغات
مدرسة البرمجة/منهج HTML/الوسم cite — مرجع العمل الإبداعي

الوسم cite — مرجع العمل الإبداعي

cite htmlمرجع htmlhtml citationعنوان عمل html

جدول مرجعي سريع

1
العنصر والاستخدام العامكيف يراه المتصفح برمجياًالفارق المعماري الحاسم
الوسم cite كعنصر مستقل في النصيظهر بخط مائل افتراضياً ويمثل اسم العمل الإبداعي ككتاب أو مقاليُكتب كنص مرئي للمستخدم لتحديد عنوان المرجع الإبداعي وليس اسم المؤلف
السمة cite داخل أوسمة الاقتباساتلا يظهر لها أي أثر بصري في الصفحة وتُقرأ برمجياً فقطتُكتب كعنوان ويب URL مخفي داخل وسم q أو blockquote للإشارة لرابط المصدر

الشرح

عندما تكتب مقالاً تقنياً أو علمياً وتذكر فيه كتاباً برمجياً مشهوراً، أو ترجع إلى مقالة علمية، أو تشير إلى موقع ويب كمرجع، فأنت بحاجة إلى إخبار المتصفح ومحركات البحث أن هذا النص هو "عنوان لعمل إبداعي". هنا يأتي دور الوسم الدلالي <cite> (مختصر Citation).

هذا الوسم يمنح المحتوى قيمة توثيقية عالية، ويساعد خوارزميات الـ SEO على ربط المقالات بالمراجع الرسمية لها، ويظهر النص بداخله بشكل مائل (Italic) افتراضياً في جميع المتصفحات.

نقطتان في غاية الأهمية (تجنب أخطاء المطورين الشائعة):

  • اسم العمل وليس اسم الشخص: يقع الكثير من المطورين في فخ استخدام <cite> لكتابة اسم المؤلف أو العالم أو الفنان. هذا خطأ دلالي فادح! الوسم مخصص لعنوان العمل نفسه (مثل اسم الكتاب أو الفيلم أو المقال)، أما اسم الشخص فيُكتب في نص عادي.
  • الفرق بين الوسم والسمة: لا تخلط بين وسم <cite> المستقل الذي ندرسه الآن، وبين سمة cite="..." التي كتبناها سابقاً داخل وسوم الاقتباسات (blockquote و q). السمة تأخذ رابط ويب (URL) مخفي، أما الوسم فيأخذ نصاً مرئياً يمثل اسم المرجع.

أشهر الحالات الاستخدامية لوسم cite:

  1. المراجع المكتوبة: أسماء الكتب، الروايات، المقالات العلمية، والمدونات التقنية.
  2. الأعمال الرقمية والويب: أسماء مواقع الويب، البرامج والتطبيقات، أو الأنظمة البرمجية كمرجع.
  3. المحتوى المرئي والمسموع: عناوين الأفلام، المراجعات السينمائية، الأبحاث، والألبومات الموسيقية.

الصياغة (Syntax)

syntax
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>

أمثلة عملية

html
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>

نصائح احترافية

  • —لا تستخدم <cite> لاسم المؤلف أو الفنان — فقط لعنوان العمل. اسم المؤلف يكتب كنص عادي أو داخل <span>.

الدرس السابق

الوسم dfn — تعريف المصطلحات

الدرس التالي

وسوم Ruby (ruby, rt, rp) — نطق الحروف الآسيوية

نوفيل

منصة تعليم البرمجة الأولى بالعربي. تعلم من الصفر حتى الاحتراف مع كورسات احترافية وتحديات ذكاء اصطناعي.

المنصة

  • الكورسات
  • التحديات
  • المقالات
  • الأدوات

الحساب

  • إنشاء حساب
  • تسجيل الدخول
  • لوحة التحكم
  • الملف الشخصي

روابط

  • سياسة الخصوصية
  • شروط الاستخدام
  • عن نوفيل
  • تواصل معنا

© 2026 نوفيل. جميع الحقوق محفوظة.

صُنع بـ في مصر