HTML Quotation and Citation Elements
في هذا الدرس سنتطرق إلى عناصر اتش تي ام ال : <blockquote> و <q> و <abbr> و <address> و <cite> و <bdo>.
العنصر <blockquote> للاقتباسات
يحدد العنصر <blockquote> قسمًا مقتبسًا من مصدر آخر.
عادة ما تقوم المتصفحات بوضع مسافة بادئة لعناصر <blockquote>.
مثال :
------------------------
<p> هنا اقتباس من موقع ص ع ط: </p>
<blockquote cite = "http://www.worldwildlife.org/who/index.html">
لمدة 50 عامًا ، ظل الصندوق العالمي للطبيعة يحمي مستقبل الطبيعة.
منظمة الحفاظ على الطبيعة الرائدة في العالم ،
تعمل WWF في 100 دولة ويدعمها
1.2 مليون عضو في الولايات المتحدة و
ما يقرب من 5 ملايين على مستوى العالم.
</blockquote>
---------------------------------------------
يظهر هذا المثال في المتصفح بالشطل
هنا اقتباس من موقع ص ع ط:
لمدة 50 عامًا ، ظل الصندوق العالمي للطبيعة يحمي مستقبل الطبيعة.
منظمة الحفاظ على الطبيعة الرائدة في العالم ،
تعمل WWF في 100 دولة ويدعمها
1.2 مليون عضو في الولايات المتحدة و
ما يقرب من 5 ملايين على مستوى العالم.
<q> للإقتباسات القصيرة
تحدد علامة <q> اقتباسًا قصيرًا.
تقوم المستعرضات عادةً بإدراج علامات الاقتباس حول الاقتباس.
مثال :
-------------------
<p> هدف الصندوق العالمي للطبيعة هو: <q> بناء مستقبل يعيش فيه الناس في وئام مع الطبيعة. </ q> </p>
-----------------------------------
يظهر هذا المثال في المتصفح بالشكل :
هدف الصندوق العالمي للطبيعة هو: بناء مستقبل يعيش فيه الناس في وئام مع الطبيعة.
<abbr> للاختصارات
تحدد علامة <abbr> اختصارًا ، مثل "HTML" و "CSS" و "Mr." و "Dr." و "ASAP" و "ATM".
يمكن أن توفر علامات الاختصارات معلومات مفيدة للمتصفحات وأنظمة الترجمة ومحركات البحث.
نصيحة: استخدم سمة العنوان العام لإظهار وصف الاختصار عند تحريك الماوس فوق العنصر.
مثال :
----------------------
<! DOCTYPE html>
<html>
<الجسم>
<p> تأسست <abbr title = "منظمة الصحة العالمية"> WHO </abbr> في عام 1948. </p>
<p> يمكن أن يوفر ترميز الاختصارات معلومات مفيدة للمتصفحات وأنظمة الترجمة ومحركات البحث. </ p>
</body>
</html>
-------------------------------------
يظهر المثال في المتصفح بالشكل :
تأسست WHO في عام 1948.
يمكن أن يوفر ترميز الاختصارات معلومات مفيدة للمتصفحات وأنظمة الترجمة ومحركات البحث.
<address> لعرض معلومات الاتصال
تحدد العلامة <address> معلومات الاتصال لمؤلف / مالك مستند أو مقالة.
يمكن أن تكون معلومات الاتصال عبارة عن عنوان بريد إلكتروني ، وعنوان URL ، وعنوان مكان، ورقم هاتف ، وما إلى ذلك.
عادةً ما يتم عرض النص الموجود في عنصر <address> بخط مائل ، وستضيف المتصفحات دائمًا فاصل أسطر قبل وبعد عنصر <address>.
مثال :
------------------------
<!DOCTYPE html>
<html>
<body>
<p> يحدد عنصر عنوان HTML معلومات الاتصال (المؤلف / المالك) لمستند أو مقالة. </ p>
</address>
بقلم فهد الدخيل. <br>
قم بزيارتنا على: <br>
example.com <br>
423 ، جدة <br>
المملكة العربية السعودية
</address>
</body>
</html>
----------------------------------------
يظهر هذا المثال في المتصفح بالشكل :
يحدد عنصر عنوان HTML معلومات الاتصال (المؤلف / المالك) لمستند أو مقالة.
بقلم فهد الدخيل.
قم بزيارتنا على:
example.com
423 ، جدة
المملكة العربية السعودية
<cite> لعنوان العمل :
تحدد العلامة <cite> عنوان العمل الإبداعي (على سبيل المثال ، كتاب ، قصيدة ، أغنية ، فيلم ، لوحة ، تمثال ، إلخ).
ملاحظة: اسم الشخص ليس عنوان عمل.
عادةً ما يتم عرض النص الموجود في العنصر <cite> بخط مائل.
مثال :
--------------------
<!DOCTYPE html>
<html>
<body>
<p> يحدد عنصر الاقتباس في HTML عنوان العمل. </ p>
<p> تعرض المتصفحات عادةً العناصر المقتطفة بخط مائل </ p>
<img src = "img_the_scream.jpg" width = "220" height = "277" alt = "الصرخة">
<p> <cite> The Scream </cite> بواسطة Edvard Munch. رسمت عام 1893. </p>
------------------------------------------------
يظهر المثال في المتصفح بالشكل :
يحدد عنصر الاقتباس في HTML عنوان العمل.
تعرض المتصفحات عادةً العناصر المقتطفة بخط مائل </ p>
The Scream بواسطة Edvard Munch. رسمت عام 1893.
<bdo> لتجاوز ثنائي الاتجاه
BDO أختصار ل Bi-Directional Override.
تُستخدم علامة <bdo> لتجاوز اتجاه النص الحالي:
مثال :
--------------------
<!DOCTYPE html>
<html>
<body>
<p> إذا كان متصفحك يدعم التجاوز ثنائي الاتجاه (bdo) ، فسيتم كتابة السطر التالي من اليسارإلى اليمين (ltr): </p>
<bdo dir = "ltr"> سيُكتب هذا السطر من اليسار إلى اليمين </ bdo>
----------------------------------------------
يظهر المثال في المتصفح بالشكل :
إذا كان متصفحك يدعم التجاوز ثنائي الاتجاه (bdo) ، فسيتم كتابة السطر التالي من اليسار إلى اليمين (ltr):
سيُكتب هذا السطر من اليسار إلى اليمين
نهاية درس اليوم .
ليست هناك تعليقات:
إرسال تعليق