تعريفه
نستخدم الوسم <blockquote>
على هذا النحو <blockquote>text</blockquote>
لعرض نص مقتبس على سطر منفرد يحيطه هامش من كل الجهات.
مكان الكلمة text
نضع النص الذي نريده بشكل مقتبس.
<blockquote>
نستخدم الوسم <blockquote>
على هذا النحو <blockquote>text</blockquote>
لعرض نص مقتبس على سطر منفرد يحيطه هامش من كل الجهات.
مكان الكلمة text
نضع النص الذي نريده بشكل مقتبس.
الجدول التالي يظهر المتصفحات التي تدعم الوسم <blockquote>
.
Chrome | Edge | Firefox | Opera | Safari | Android Webview |
Chrome for Android |
Firefox for Android |
Opera for Android |
Safari for IOS |
Samsung Internet |
مدعوم | 12 | 1 | مدعوم | مدعوم | مدعوم | مدعوم | 4 | مدعوم | مدعوم | مدعوم |
يملك خاصية واحدة هي الخاصية cite
و التي يمكن إضافتها له في حال كان الإقتباس الموضوع في الوسم مأخوذ من موقع آخر بهدف ذكر رابط الموقع الذي تم نسخ الإقتباس منه لأن هذا الأمر سيجعل الموقع المقتبس منه ذو أهمية أكثر بالنسبة لمحركات البحث و بالتالي تكون تفيد الموقع استخدمت الإقتباس منه كما استفدت منه.
الجدول التالي يظهر المتصفحات التي تدعم هذه الخاصية.
Chrome | Edge | Firefox | Opera | Safari | Android Webview |
Chrome for Android |
Firefox for Android |
Opera for Android |
Safari for IOS |
Samsung Internet |
مدعوم | 12 | 1 | مدعوم | مدعوم | مدعوم | مدعوم | 4 | مدعوم | مدعوم | مدعوم |
في المثال التالي قمنا بعرض إقتباس باستخدام <blockquote>
مع ذكر الموقع الذي جلبنا الإقتباس منه.
<blockquote cite="https://en.wikipedia.org/wiki/HTML"> In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN researchers to use and share documents. In 1989, Berners-Lee wrote a memo proposing an Internet-based hypertext system. </blockquote>
بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.
blockquote { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 40px; margin-right: 40px; }
الأفضل أن تحدد تنسيق هذا الوسم بنفسك لضمان أن يظهر بذات الطريقة في جميع المتصفحات و بالشكل الذي تراه مناسباً لتصميم الموقع.