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

Blockquotes and Citations تنسيق الاقتباسات ومصادرها

أتقن نظام تنسيق النصوص والخطوط في بوتستراب 5.3 بدءاً من كلاسات العناوين والعناوين الكبرى والفقرة الاستهلالية، مروراً بالاقتباسات والقوائم المجردة وعناصر عرض الأكواد.
3 صفوف تعليمية
بوتستراب 5
1 مشاهدة

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

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

لتنسيق الاختصارات التقنية والاقتباسات الموثقة، يدعم بوتستراب وسم <abbr> المزود بسمة title فيضع تحته خطاً منقطاً مع مؤشر استفهام يوضح المعنى الكامل عند التمرير، كما يوفر كلاس .initialism لتصغير حجم الاختصارات الإنجليزية قليلاً وتحويلها لأحرف كبيرة متناسقة.

وعند عرض مقولة أو مرجع علمي، تقتضي البنية القياسية في بوتستراب 5 تغليف وسم <blockquote class="blockquote"> مع وسم التسمية <figcaption class="blockquote-footer"> داخل حاوية <figure> واحدة، ووضع اسم الكتاب أو المصدر داخل وسم <cite>.

الصف 2 كود برمجي
HTML
<p><abbr title="Responsive Font" class="initialism">
  RFS</abbr> scales text.</p>
<figure>
  <blockquote class="blockquote">
    <p>Clean typography aids reading on all screens.</p>
  </blockquote>
  <figcaption class="blockquote-footer">
    Web Guide in <cite title="Docs">CloseTag Docs</cite>
  </figcaption>
</figure>
الصف 3 ملاحظة هامة