Programming Basics SQL HTML CSS JavaScript Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Learn Typing

HTMLالوسم <rp>

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

تعريفه

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

<ruby>
word<rp>(</rp><rt>annotation</rt><rp>)</rp>
</ruby>
<ruby> word<rp>(</rp><rt>annotation</rt><rp>)</rp> </ruby>

  • مكان الكلمة word نضع الكلمة التي سيتم وضع الحاشية فوقها.
  • مكان الكلمة annotation نضع نص الحاشية الذي سيتم عرضه فوق الكلام أو بجانبه بين قوسين على حسب المتصفح الذي يستعمله المستخدم.

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

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

الجدول التالي يظهر المتصفحات التي تدعم الوسم <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>
Prophet <ruby> Muhammad<rp>(</rp><rt>peace be upon him</rt><rp>)</rp> </ruby>

جرب الكود

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

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