< All the HTML Tags >

<ruby></ruby>

Video Coming Soon...

  • ruby

    Tag Type

    inline

    Tag Category

    text formatting

    Defines a ruby annotation

    Viewed

    1

    Examples

    1

Definition:

The HTML <ruby> tag is a container element used to create ruby annotations, which provide phonetic guidance or translation for East Asian characters.

This tag is particularly essential for languages like Japanese and Chinese, where complex characters may require additional context to ensure proper pronunciation or understanding.

When using the `<ruby>` tag, developers can nest `<rb>`, `<rt>`, `<rp>`, and `<rtc>` tags to structure the annotation effectively. The base text is enclosed within `<rb>`, while the pronunciation or translation is provided within `<rt>`. If the browser cannot render ruby text, the fallback content in `<rp>` can be displayed, ensuring accessibility for all users.

Overall, the `<ruby>` tag enhances readability and comprehension for users encountering complex characters, making it an essential element for East Asian typography in modern web development.

Attributes:

Global attributes (e.g., class, id, style)

Accessibility:

Coming Soon…

Default ruby Example:

Using the <ruby> tag to create ruby annotations.
<ruby><rbc>漢字</rbc><rtc>Kanji</rtc></ruby>

Default ruby Result:


Coming Soon…

Community Examples:

Coming Soon…
Coming Soon…