علامة <blockquote> لـ HTML

  • الصفحة السابقة <big>
  • الصفحة التالية <body>

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

<blockquote> يحدد العلامة جزءًا من الاستشهادات من مصادر أخرى.

عادة ما يقوم المتصفح بتدوين <blockquote> العنصر (انظر الأمثلة أدناه لمعرفة كيفية إزالة التدوين).

شرح مفصل

<blockquote> يحدد العلامة العنصر blockquote.<blockquote> مع </blockquote> كل النص بين علامتي < و > سيتم فصله عن النص العادي، وغالبًا ما يتم تدوينه من الجانبين، وقد يستخدم النص المائل. أي أن لديه مساحة خاصة به.

نصيحة:استخدم <q> علامة لإجراء استشهادات داخلية (قصيرة).

انظر أيضًا:

دليل DOM HTML:عنصر Blockquote

مثال

مثال 1

جزء من الاستشهادات من مصادر أخرى:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
على مدى 50 عامًا، قدما منظمة الحفاظ على الطبيعة العالمية (wf) لحماية المستقبل الطبيعي.
كمؤسسة حماية رائدة في العالم، تعمل وwf في 100 دولة وتحصل على دعم 1.2 مليون عضو في الولايات المتحدة وحوالي 5 ملايين شخص في جميع أنحاء العالم.
</blockquote>

جربها بنفسك

مثال 2

استخدم CSS لإزالة التدوين للعناصر blockquote:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>هذا اقتباس من موقع منظمة الحفاظ على الطبيعة العالمية:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
على مدى 50 عامًا، قدما منظمة الحفاظ على الطبيعة العالمية (wf) لحماية المستقبل الطبيعي.
كمؤسسة حماية رائدة في العالم، تعمل وwf في 100 دولة وتحصل على دعم 1.2 مليون عضو في الولايات المتحدة وحوالي 5 ملايين شخص في جميع أنحاء العالم.
</blockquote>
</body>
</html>

جربها بنفسك

السمة

السمة القيمة الوصف
cite URL يحدد مصدر الاستشهاد

سمات الخاصية العالمية

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

سمات الخاصية الحدث

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

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

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

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

جربها بنفسك

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

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