علامة <q> HTML

  • الصفحة السابقة <progress>
  • الصفحة التالية <rp>

التعريف والاستخدام

<q> تعريف العلامة لتسمية الإقتباسات القصيرة.

عادةً ما يضيف المتصفح علامات اقتباس حول الإقتباس.

نصيحة:للإقتباسات الطويلة، يُستخدم: <blockquote> العلامة.

يرجى الرجوع أيضًا إلى:

دليل HTML DOM:مفهوم الإقتباس

مثال

مثال 1

تسمية الإقتباسات القصيرة:

<p>هدف مؤسسة الحفاظ على الطبيعة العالمية هو:
<q>بناء مستقبل يتعايش فيه البشر مع الطبيعة.</q>
نأمل في نجاحهم.</p>

جرب بنفسك

مثال 2

استخدام CSS لتعيين نمط العناصر <q>:

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>
<p>هدف مؤسسة الحفاظ على الطبيعة العالمية هو:
<q>بناء مستقبل يتعايش فيه البشر مع الطبيعة.</q>
نأمل في نجاحهم.</p>
</body>
</html>

جرب بنفسك

الخصائص

الخصائص القيمة الوصف
cite URL يحدد عنوان URL المصدر للإقتباس

خصائص العالمية

<q> العلامة تدعم أيضًا خصائص العالمية في HTML.

خصائص الحدث

<q> العلامة تدعم أيضًا خصائص الحدث في HTML.

إعدادات CSS الافتراضية

معظم المتصفحات ستعمل باستخدام القيم التالية كقيم افتراضية <q> العنصر:

q {
  display: inline;
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

جرب بنفسك

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم
  • الصفحة السابقة <progress>
  • الصفحة التالية <rp>