❮
Programming Basics SQL HTML CSS JavaScript Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Learn Typing
❯
عودة للدرس❯ ❮عودة للدرس

HTMLالوسم <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 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;
}
blockquote { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 40px; margin-right: 40px; }

نصائح و ملاحظات

الأفضل أن تحدد تنسيق هذا الوسم بنفسك لضمان أن يظهر بذات الطريقة في جميع المتصفحات و بالشكل الذي تراه مناسباً لتصميم الموقع.

عودة للدرس❯ ❮عودة للدرس