الفرق بين المراجعتين ل"HTML/blockquote"

مراجعة 04:33، 18 فبراير 2018

يُشير العنصر <blockquote> (اسم هذا العنصر اختصارٌ للعبارة HTML Block Quotation Element) إلى أنَّ النص الموجود داخله هو نص اقتباس طويل.

يُعرَض هذا العنصر عادةً مع إضافة محاذاة قبله (راجع قسم الملاحظات في هذه المقالة لمعرفة كيفية تغيير طريقة العرض). يمكن توفير رابط URL لمصدر الاقتباس عبر الخاصية cite، أما التمثيل النصي للمصدر يمكن أن يوضع ضمن العنصر <cite>.

هذه مثالٌ عن اقتباس من موقع حسوب يستعمل الخاصية cite:

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

بطاقة العنصر

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

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

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

الخاصيات

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

`cite`

تقبل هذه الخاصية رابط URL تابع للاقتباس، ويمكن أن يُشير هذا الرابط إلى معلومات تشرح سياق الاقتباس أو مصدر هذا الاقتباس.

ملاحظات

لتعديل المحاذاة الخاصة بالعنصر <blockquote> فاستخدم خاصية margin في CSS.
استعمل العنصر <q> للاقتباسات القصيرة.

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

تعرض أغلبية المتصفحات العنصر <blockquote> بضبط الخاصية display إلى block، وضبط قيمة margin-top و margin-bottom إلى 1em، وقيمة margin-left و margin-right إلى 40px:

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

مصادر ومواصفات

معيار HTML Living Standard.
مواصفة HTML5.
مواصفة HTML 4.01.

@@ سطر 12: / سطر 12: @@
 </syntaxhighlight>
+== بطاقة العنصر ==
 {| class="wikitable" style="width: 100%;"
 |-
@@ سطر 51: / سطر 52: @@
 == ملاحظات ==
-* لتعديل المحاذاة الخاصة بالعنصر <code><nowiki><blockquote></nowiki></code> فاستخدم خاصية <code>margin</code> في CSS.
+* لتعديل المحاذاة الخاصة بالعنصر <code><nowiki><blockquote></nowiki></code> فاستخدم خاصية <code>[[CSS/margin|margin]]</code> في CSS.
 * استعمل العنصر <code>[[HTML/q|<nowiki><q></nowiki>]]</code> للاقتباسات القصيرة.
+== التنسيق الافتراضي ==
+تعرض أغلبية المتصفحات العنصر <code><nowiki><blockquote></nowiki></code> بضبط الخاصية <code>[[CSS/display|display]]</code> إلى <code>block</code>، وضبط قيمة <code>[[CSS/margin-top|margin-top]]</code> و <code>[[CSS/margin-bottom|margin-bottom]]</code> إلى <code>1em</code>، وقيمة <code>[[CSS/margin-left|margin-left]]</code> و <code>[[CSS/margin-right|margin-right]]</code> إلى <code>40px</code>:<syntaxhighlight lang="css">
+blockquote {
+  display: block;
+  margin-top: 1em;
+  margin-bottom: 1em;
+  margin-left: 40px;
+  margin-right: 40px;
+}
+</syntaxhighlight>
 ==مصادر ومواصفات==
 *معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-blockquote-element HTML Living Standard].