| /| /
|/ |/iki                                 Map  About  |  Page  New  Edit  History

# HTML furigana

For providing furigana (kana on top of 世界(せかい)) for kanji or similar style
markup `<ruby>` [1] tag can be used.

Structure of `<ruby>` tag might seem complicated at first but it's rather
simple when you learn what each tag does.

The above example can be shown as:

```html
<ruby>世界<rp>(</rp><rt>せかい</rt><rp>)</rp></ruby>
```

However it can also be shown as:

```html
<ruby>
    世界
    <rp>(</rp>
    <rt>せかい</rt>
    <rp>)</rp>
</ruby>
```

Each of lines provides certain function, `<ruby>` tag itself wraps the
furigana, `<rp>` tag provides support for legacy browsers to display
furigana beside the kanji 世界(せかい) and `<rt>` provides furigana itself.

If one would want to split furigana between kanji it can be easily done
inside a single tag.

世(せ)界(かい) = World


```html
<ruby title="World">
    世
    <rp>(</rp>
    <rt>せ</rt>
    <rp>)</rp>
    界
    <rp>(</rp>
    <rt>かい</rt>
    <rp>)</rp>
</ruby>
```

[1] https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/ruby

________________________________________________________________________________

Alisa Lain (C) 2025-2026