एचटीएमएल <ruby> एलिमेंट की मदद से, बेस टेक्स्ट के ऊपर या बगल में फ़ोनिएटिक एनोटेशन या अन्य ज़रूरी जानकारी दिखाई जा सकती है. इसका इस्तेमाल आम तौर पर पूर्वी एशियाई भाषाओं में किया जाता है.
<ruby> एलिमेंट में दो मुख्य हिस्से होते हैं. पहला, मुख्य टेक्स्ट यानी रूबी बेस और दूसरा, एनोटेशन टेक्स्ट यानी रूबी टेक्स्ट. एनोटेशन टेक्स्ट को <rt> एलिमेंट से मार्क किया जाता है.
<ruby>
絵文字
<rt>emoji</rt>
</ruby>
जैपनीज़ बेस टेक्स्ट के ऊपर, अंग्रेज़ी उच्चारण को एनोटेशन के तौर पर दिखाया गया है.
ruby-align
ruby-align सीएसएस प्रॉपर्टी, रूबी बेस टेक्स्ट और रूबी एनोटेशन टेक्स्ट के अलाइनमेंट को कंट्रोल करती है. प्रॉपर्टी में कीवर्ड की वैल्यू में से कोई एक वैल्यू डाली जा सकती है: space-around, space-between, start, और center.
ruby-align प्रॉपर्टी के इस्तेमाल के उदाहरण दिखाने वाली इमेज.
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2025-02-21 (UTC) को अपडेट किया गया."],[],[]]