انتقل إلى محتوى الدرس

Block Quotation with blockquote الاقتباسات الكتلية blockquote

تعلم عناصر الاقتباس والأكواد في HTML: أتقن استخدام blockquote و q و cite و abbr لتوثيق المصادر، ووظف عناصر code و kbd و samp لتمثيل الشفرات ومخرجات الأنظمة.
3 صفوف تعليمية
لغة HTML
1 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يمثل الوسم الكتلي <blockquote> حاوية مخصصة للاقتباسات الطويلة المنقولة عن مصدر خارجي أو خطابات رسمية. ويعرضه المتصفح تلقائياً بإزاحة أفقية مريحة (هامش افتراضي بنحو 40 بكسل على الجانبين) لتمييزه بصرياً عن بقية المقال.

وتعد الميزة التقنية الأبرز لهذا الوسم خاصية cite؛ وهي خاصية تقبل رابط URL يقود مباشرة إلى المصدر الأصلي للاقتباس على الشبكة. ونظراً لأن قيمة هذه الخاصية مخصصة لمحركات البحث وخوارزميات التحليل ولا تظهر على الشاشة، يحرص المطور على كتابة اسم المرجع في سطر مرئي أسفل الاقتباس.

الصف 2 ملاحظة هامة
الصف 3 كود برمجي
HTML
<blockquote cite="https://www.w3.org/Consortium/mission">
  <p>
    The social value of the Web is that it
    enables human communication, commerce, and knowledge.
  </p>
</blockquote>
<p>— <cite>W3C Mission Statement</cite></p>