يتيح لك عنصر HTML <ruby> عرض تعليقات توضيحية صوتية أو معلومات تكميلية أخرى فوق النص الأساسي أو بجانبه. ويُستخدم عادةً في لغات شرق آسيا.
يتألّف عنصر <ruby> من جزأين رئيسيين، وهما قاعدة نص Ruby التي تشكّل النص الرئيسي ونص Ruby الذي يشكّل نص التعليق التوضيحي، ويتم وضع علامة عليه باستخدام عنصر <rt>.
<ruby>
絵文字
<rt>emoji</rt>
</ruby>
طريقة لفظ الكلمات باللغة الإنجليزية كتعليق توضيحي على النص الأساسي باللغة اليابانية
ruby-align
تتحكّم سمة CSS ruby-align في محاذاة النص الأساسي للغة Ruby ونص التعليق التوضيحي بلغة Ruby. يقبل الحقل إحدى قيم الكلمات الرئيسية، وهي space-around وspace-between وstart وcenter.