العنصر q

الكاتب: سامي -
العنصر <q>
العنصر <q>

يُشير العنصر <q> إلى أنَّ النص المحتوى فيه يُمثِّل اقتباسًا قصيرًا، ويستعمل هذا العنصر للاقتباسات التي لا تحتاج إلى فقرة كاملة لها، أما للاقتباسات الطويلة فاستخدم العنصر <blockquote>.

مثال عن استخدام العنصر <q>:

<p>
  وفقًا لموقع الموسوعة التقنية:
  <q cite="https://www.coreiten.com/">
  نعمل لنمكّن الشباب ونفتح مزيدًا من الفرص أمامهم.
  </q>
</p>

بطاقة العنصر

تصنيفات المحتوى عنصر تنظيمي أو عنصر عادي.
المحتوى المسموح محتوى عادي.
الوسم المختصر لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب أي عنصر يقبل المحتوى العادي.
واجهة DOM HTMLQuoteElement

دعم المتصفحات

Chrome Firefox Edge Safari Opera
مدعوم مدعوم مدعوم مدعوم مدعوم

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

cite

قيمة هذه الخاصية تُمثِّل رابط URL الذي يُشير إلى المستند المصدري لهذا الاقتباس أو لشرحه، فالغرض من هذه الخاصية هو توفير رابط لشرح المزيد من المعلومات حول الاقتباس أو لتبيان مصدره.

التنسيق الافتراضي

أغلبية المتصفحات الحديث ستُضيف علامتَي اقتباس حول النص المحتوى في عنصر <q> تلقائيًا، لكن قد يلزمك استخدام قاعدة CSS لإضافة علامتَي الاقتباس في المتصفحات القديمة.

تعرض تلك المتصفحات هذا العنصر عبر ضبط الخاصية display إلى inline، واستخدام العنصر الزائف ‎::before و ‎::after مع الخاصية content لإضافة علامات اقتباس قبل وبعد العنصر:

q {
  display: inline;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

 

شارك المقالة:
768 مشاهدة
المراجع +

هل أعجبك المقال
10
10

مواضيع ذات محتوي مطابق

مقالات من نفس التصنيف

الأكثر مشاهدة من نفس التصنيف

التصنيفات تصفح المواضيع
youtubbe twitter linkden facebook