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

HTMLالوسم <rp>

  • تعريفه
  • دعم المتصفحات
  • خصائصه
  • إستخدامه
  • تصميمه الإفتراضي

تعريفه

نستخدم الوسمين <rp> و <rt> بداخل الوسم <ruby> على النحو التالي لعرض حاشية (أي كلام بخط صغير يظهر فوق الكلام العادي) في النص و هذه الحاشية يتم عرضها بشكل تلقائي بين قوسين في حال كان المتصفح لا يدعم إمكانية عرض الحاشية فوق الكلام.

<ruby>
    word<rp>(</rp><rt>annotation</rt><rp>)</rp>
</ruby>
  • مكان الكلمة word نضع الكلمة التي سيتم وضع الحاشية فوقها.
  • مكان الكلمة annotation نضع نص الحاشية الذي سيتم عرضه فوق الكلام أو بجانبه بين قوسين على حسب المتصفح الذي يستعمله المستخدم.

إذاً دور الوسم <rp> بالتحديد هو عرض أقواس حول الكلام الموضوع بداخل الوسم <rt> في حال كان المتصفح لا يدعم إمكانية عرضه فوق الكلمة الموضوعة قبله.

دعم المتصفحات

الجدول التالي يظهر المتصفحات التي تدعم الوسم <rp>.

Chrome Edge Firefox Opera Safari Android
Webview		 Chrome
for Android		 Firefox
for Android		 Opera
for Android		 Safari
for IOS		 Samsung
Internet
5 79 38 15 5 مدعوم مدعوم 38 14 مدعوم مدعوم

خصائصه

لا يملك أي خصائص تم إعدادها خصيصاً له.

إستخدامه

في المثال التالي قمنا بعرض الكلام Peace be upon him كحاشية للكلمة Muhammad.

مثال

Prophet 
<ruby>
    Muhammad<rp>(</rp><rt>peace be upon him</rt><rp>)</rp>
</ruby>
جرب الكود

تصميمه الإفتراضي

لا يوجد تصميم إفتراضي له.