HTMLالوسم <ruby>
- تعريفه
- دعم المتصفحات
- خصائصه
- إستخدامه
- تصميمه الإفتراضي
تعريفه
نستخدم الوسم <ruby> لإضافة حاشية (أي كلام بخط صغير يظهر فوق الكلام العادي) في النص.
بداخل هذا الوسم نستخدم الوسم <rt> على النحو التالي لتحديد كلام الذي سيتم وضعه كحاشية.
<ruby>
word<rt>annotation</rt>
</ruby>
<ruby>
word<rt>annotation</rt>
</ruby>
- مكان الكلمة
wordنضع الكلمة التي سيتم وضع الحاشية فوقها. - مكان الكلمة
annotationنضع نص الحاشية الذي سيتم عرضه فوق الكلام أو بجانبه بين قوسين على حسب المتصفح الذي يستعمله المستخدم.
في حال لم يتمكن المتصفح من عرض الحاشية فوق الكلام فإنها يعرضه بجانبه على نفس السطر مما يجعله يظهر بشكل غير جيد لأن المستخدم لن يستطيع تمييز الكلام العادي عن الكلام الموضوع كحاشية. لأجل ذلك نستخدم الوسم <rp> على النحو التالي لوضع أقواس حول نص الحاشية يتم عرضها فقط في حال كان المتصفح يعرض الحاشية بجانب الكلمة و ليس فوقها.
<ruby>
word<rp>(</rp><rt>annotation</rt><rp>)</rp>
</ruby>
<ruby>
word<rp>(</rp><rt>annotation</rt><rp>)</rp>
</ruby>
دعم المتصفحات
الجدول التالي يظهر المتصفحات التي تدعم الوسم <rp>.
| Chrome | Edge | Firefox | Opera | Safari | Android Webview |
Chrome for Android |
Firefox for Android |
Opera for Android |
Safari for IOS |
Samsung Internet |
| 5 | 12 | 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>
تصميمه الإفتراضي
لا يوجد تصميم إفتراضي له.
