Mr. A7meD KaMeL

9- الاقتباسات HTML Quotation and Citation Elements

محتوى الموضوع

بسم الله الرحمن الرحيم

المحاضرة التاسعة: الاقتباسات HTML Quotation and Citation Elements

الاقتباسات في HTML

هناك اشكال مختلفة من الاقتباسات في لغة HTML وسندرس في تلك المحاضرة الوسوم المختلفة لتلك الاقتباسات ومعناها وكيفية استخدامها.


اقتباس النص المحدد بعلامات التنصيص (الاقتباس القصير):

ويعتبر النص الذي يبدأ وينتهي بعلامتي التنصيص ” “، ويطلق عليه اسم الاقتباس الصغير او القصير، ويتم كتابته كما في الكود التالي:

<q>هنا نص الاقتباس</q>

الاقتباس الكامل:

وهو النص المُقتبس من مصدر آخر، ويتم تعريفه بالوسم <blockquote>، ويتم كتابته كما في الكود التالي:

<blockquote>هنا النص المقتبص من مصدر آخر</blockquote>

ويتميز هذا الوسم بأنه يتم ادراجه في صفحة الويب بشكل منفرد، وله هوامش خاصه به.

كما انه يمكن ذكر المصدر الذي تم نسخ هذا الاقتباس منه، في خاصية لهذا الاقتباس وتدعى تلك الخاصية cite، ويتم كتابته كما بالكود التالي:

<blockquote cite="http://www.ni10gl.com">هنا النص المقتبس من مصدر آخر</blockquote>

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


الاختصار:

كلمة abbreviation تعني اختصار.

ووسم الاختصار هو <abbr> والذي يتم استخدامه حيث يتم كتابة نص مختصر بداخل الوسم، وعند مرور المؤشر فوق هذا الوسم يظهر النص بالكامل، كما بالشكل التالي:

توضيح وسم الاختصار abbr

في هذا المثال: نص الاختصار الذي يظهر طبيعيا في صفحة الويب بالمتصفح هو ((هنا نص الاختصار)) – وعند مرور المؤشر او سهم الفأرة (الماوس) على هذا النص سيظهر النص بالكامل كما هو موضح.

وستم كتابة وسم الاختصار كما بالكود التالي:

<abbr title="Full Text Here">هنا نص الاختصار</abbr>

معلومات الاتصال:

هناك وسم يدعى بوسم معلومات الاتصال Contact Information والذي يتم كتابة فيه النص الخاص بمعلومات المؤلف مثلا او المالك.

ووسم معلومات الاتصال هو <address>.

ويتم كتابته كما بالكود التالي:

<address>تأليف: احمد.<br>موقع المؤلف: www.ni10gl.com</address>

سيظهر نص معلومات الاتصال في المتصفح بالخط المائل.


اسم العمل:

هناك وسم يدعى بوسم اسم العمل Title of Work والذي يتم كتابة فيه اسم العمل المعروض بالموقع، كما في المثال التالي:

توضيح وسم اسم العمل cite

ويتم كتابة الوسم كما بالكود التالي:

<cite>الصرخة</cite>

ويظهر نص وسم اسم العمل في المتصفح بالخط المائل كما هو موضح بالمثال السابق.


عكس اتجاه النص:

وهو وسم يتم استخدامه لعكس حروف النص لكي يتم قراءته بشكل عكسي، كما بالشكل التالي:

وسم النص المعكوس bdo

ويتم كتابة هذا الوسم كما بالكود التالي:

<bdo dir=rtl>Here is an inverse text</bdo>

لاحظ ماتم في هذا الكود:

– تم كتابة النص Here is an inverse text داخل وسم <bdo>.

– تم كتابة خاصية الاتجاه المطلوب وهي dir=rtl – وهو في الاصل الاتجاه العكسي لنص (اللغة الانجليزية).

 

ماذا اذا كان النص المكتوب هو نص باللغة العربية؟؟

في هذه الحالة سيكون الكود كما بالشكل التالي:

<bdo dir="ltr">هنا نص تم عكسه</bdo>

والحروف rtl تعني من اليمين الى اليسار Right to Left، والحروف ltr تعني من اليسار لليمين Left to Right.


نهاية المحاضرة

تاريخ الموضوع: أبريل 20, 2017 10:59 م
اسم الكاتب A7meD KaMeL - NiGh10GaLe
نبذة عن الكاتب

مهندس كمبيوتر - مصمم مواقع - مدرب كمبيوتر - مدرب ICDL بمركز التدريب الاداري والاستشارات بكلية التجارة بجامعة المنصورة - مدرب تصميم مواقع - مدرب لكورس الربح من الانترنت.

اترك تعليقاً