العنصر 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;
}

 

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

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

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

مقالات عشوائية

جوجل: متصفح كروم الجديد سيستخدم ذاكرة أقل
أكبر مورد لـآبل يكشف عن موقفها من تصنيع سيارة كهربائية
إيه الفرق؟.. أبرز الاختلافات بين iPad Pro 12.9- inch و iPad Pro 11- inch
غابات الأمازون المطيرة قد تغير المناخ للأسوأ وترفع درجات الحرارة
تقرير: الصين تطلب من علي بابا التخلص من أصولها الإعلامية
بايت دانس تضع خطة لتطوير أشباه الموصلات
مستثمرون يقدرون قيمة Ant Group بأكثر من 200 مليار دولار بعد توقف الاكتتاب العام
جوجل تخفض رسوم متجرها بنسبة 50% لمطورى التطبيقات
توقف تطبيق الدردشة Signal عن العمل فى الصين
لعبة PUBG Mobile تحظر أكثر من مليون حساب يغش في اللعب
أبل تتصدر مبيعات السماعات الذكية وسماعات الرأس حول العالم
روسيا تضع تلسكوب فضائى فى أعماق بحيرة بايكال لإجراء دراسات واستكشافات.. صور
مايكروسوفت تجري تحديثا علي ويندوز 10 بسبب مشكلات بعض الطابعات علي نظام التشغيل
خرائط جوجل تحصل على ميزات جديدة.. اعرف أبرزها
يعنى إيه خدمة Disney + Premier Access؟ وما هى مميزاتها؟
التصنيفات تصفح المواضيع
youtubbe twitter linkden facebook