HTML / الإقتباسات
مفهوم الإقتباس
النص المقتبس (Quoted text) هو النص الذي يتم نقله من مصدر آخر إلى الصفحة. يُستخدم الاقتباس لإظهار أن الكلام المنقول ليس من تأليف الكاتب، مما يعزز مصداقية المعلومات.
الاقتباسات تساهم في تقديم الأدلة والأفكار من مصادر موثوقة، مما يساعد على إضفاء الثقة على النصوص.
عادةً ما يتم عرض النص المقتبس بشكل مختلف قليلاً عن باقي النص الموجود في الصفحة بهدف إعلام القارئ بأنه منقول من مصدر آخر. هذا العرض يساهم في حفظ حقوق المصدر الذي نقل الكلام منه، مما يُظهر احترام الكاتب للمصادر الأصلية ويعزز من مصداقية المحتوى المقدم.
في هذا الدرس، سنتعرف على الوسوم المخصصة لعرض إقتباسات في الصفحة، وكيفية استخدام هذه الوسوم بشكل فعال لإبراز النصوص المهمة.
عرض النص المقتبس بداخل بلوك
إذا أردت عرض النص المقتبس على سطر منفرد مع عرض هامش حوله من كل الجهات، يمكنك وضع النص بداخل الوسم <blockquote>. يعتبر هذا الوسم مثاليًا للإقتباسات الطويلة حيث يوفر مساحة كافية لجذب انتباه القارئ.
استخدم <blockquote> مع خاصية cite للإشارة إلى المصدر الذي تم الاقتباس منه. هذا الأمر يعزز من مصداقية المعلومات ويساعد محركات البحث في فهم المحتوى.
في المثال التالي، قمنا بعرض إقتباس باستخدام <blockquote> بدون ذكر الموقع الذي جلبنا الإقتباس منه:
<blockquote> 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>
إذا كان الإقتباس الموضوع في الصفحة منسوخًا من موقع آخر، قم بذكر رابط الموقع الذي نسخت الإقتباس منه بداخل الخاصية cite التي يملكها الوسم <blockquote>. هذا الأمر يجعل الموقع المقتبس منه ذو أهمية أكبر بالنسبة لمحركات البحث ويفيد الموقع الذي نسخت منه الإقتباس.
في المثال التالي، قمنا بعرض إقتباس باستخدام <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>
عرض النص المقتبس بين " "
إذا أردت عرض النص المقتبس بين علامات اقتباس (" ")، يمكنك استخدام الوسم <q>. يُعد استخدام هذا الوسم خيارًا أفضل من كتابة علامات الاقتباس بشكل مباشر، حيث يمكن تخصيص طريقة عرض الوسم بواسطة CSS، مما يمنحك المزيد من التحكم في التصميم.
استخدام <q> يتيح للمتصفح إضافة علامات الاقتباس تلقائيًا حول النص، مما يُوفر عليك الوقت ويضمن تناسق التصميم.
في المثال التالي، قمنا بعرض النص المقتبس باستخدام <q> حتى يتم عرضه بين علامات الاقتباس:
<p>My teacher said: <q>HTML is not a programming language</q></p>
في المثال التالي، قمنا بتخصيص طريقة ظهور النص المقتبس باستخدام <q> بواسطة كود CSS حتى يظهر بلون أحمر دائمًا. ملاحظة: لا تشغل بالك بالكود المكتوب بلغة CSS لأنك ستفهمه بكل سهولة حين تتعلم CSS.
<!DOCTYPE html><html><head><style>q { color: red }</style></head><body><p><q>HTML is not a programming language</q> and he also said that <q>It's very easy to learn</q></p></body></html>
وضع إسم مختصر بدل الإسم الكامل
إسم مختصر (Abbreviation) هو وسيلة لعرض كلمة مختصرة مثل HTML، وعند تمرير الفأرة فوقها، يقوم المتصفح بإظهار الإسم الكامل "Hyper Text Markup Language". هذا يساعد في توضيح المعنى للقارئ دون الحاجة إلى تكرار الاسم الكامل في كل مرة.
إذا أردت وضع إسم مختصر، يمكنك وضعه بداخل <abbr> مع خاصية title لتوضيح الاسم الكامل. في المثال التالي، قمنا بعرض إسم مختصر مع إظهار الجملة التي هو اختصار لها:
<p><abbr title="Hyper Text Markup Language">HTML</abbr> is used to create web pages.</p>
عرض معلومات الوصول والتواصل
إذا أردت عرض معلومات الوصول أو التواصل، يمكنك استخدام الوسم <address>، حيث سيعرضها المتصفح على سطر جديد وبشكل مائل. هذا الوسم يمكن أن يحتوي على معلومات مثل الموقع الجغرافي، رقم الهاتف، البريد الإلكتروني، وصندوق البريد. استخدام هذا الوسم يساعد في تنظيم المعلومات بشكل يسهل على القارئ الوصول إليها.
في المثال التالي، قمنا بعرض معلومات الوصول لمكان صاحب الموقع باستخدام <address>:
<address>9645 Al-islah street, Tripoli, 1300 - Lebanon</address>
إبراز عنوان العمل
إذا كنت ترغب في إبراز عنوان العمل المهم، يمكنك استخدام الوسم <cite>. عند وضع النص بداخل هذا الوسم، فإن المتصفح يعرضه بشكل مائل، مما يُظهر أنه عنوان عمل أو نص ذو أهمية خاصة. يمكن استخدام هذا الوسم للإشارة إلى الكتب، المقالات، الأفلام، وغيرها من الأعمال الفنية.
في المثال التالي، قمنا بإبراز عنوان الكتاب الذي تم ذكر الحديث منه باستخدام <cite>:
<p><cite>Riyadh-as-Saliheen</cite> by Imam Al-Nawawi, volume 1, hadith number 134</p>
الخاتمة
تعتبر الإقتباسات طريقة فعالة لإثراء المحتوى بمعلومات مستمدة من مصادر موثوقة. باستخدام الوسوم المناسبة، يمكنك ضمان أن يتم تقديم الاقتباسات بشكل واضح وجذاب، مما يسهل على القارئ فهم المصدر وفهم المعنى المقصود. تأكد دائمًا من استخدام الوسوم بشكل صحيح، واحرص على تضمين المعلومات اللازمة لتعزيز مصداقية النصوص التي تقدمها.