Phần tử <ruby> HTML cho phép bạn hiển thị chú thích về âm vị học hoặc thông tin bổ sung khác ở phía trên hoặc bên cạnh văn bản cơ sở. Kiểu chữ này thường được dùng trong các ngôn ngữ Đông Á.
Phần tử <ruby> bao gồm hai phần chính, phần cơ sở ruby là văn bản chính và văn bản ruby là văn bản chú thích, được đánh dấu bằng phần tử <rt>.
<ruby>
絵文字
<rt>emoji</rt>
</ruby>
Phát âm tiếng Anh dưới dạng chú thích trên văn bản cơ sở tiếng Nhật.
ruby-align
Thuộc tính CSS ruby-align kiểm soát cách căn chỉnh văn bản cơ sở ruby và văn bản chú thích ruby. Thuộc tính này chấp nhận một trong các giá trị từ khoá là space-around, space-between, start và center.
Hình ảnh minh hoạ trường hợp sử dụng thuộc tính ruby-align.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2025-02-21 UTC."],[],[]]