HTML - tags - ruby tag

revision:


Content

"ruby" tag : specifies ruby annotation syntax some examples


"ruby" tag : specifies ruby annotation

top

The <ruby> tag specifies a ruby annotation. A ruby annotation is a small extra text, attached to the main text to indicate the pronunciation or meaning of the corresponding characters. This kind of annotation is often used in Japanese publications. Use <ruby> together with <rt> and <rp>: the "ruby" element consists of one or more characters that needs an explanation/pronunciation, and an "rt" element that gives that information, and an optional "rp" element that defines what to show for browsers that do not support ruby annotations.

Attributes: the <ruby> element supports the global attributes and events attributes.


syntax

top

<ruby> . . . </ruby>


some examples

top
(ㄏㄢˋ)

Codes:

                    <ruby style="margin-left: 4vw;">
                        漢 <rt> ㄏㄢˋ </rt>
                    </ruby>  
                
(Kan)(ji)

Codes:

                    <ruby style="margin-left: 4vw;">
                        漢 <rp>(</rp><rt>Kan</rt><rp>)</rp>
                        字 <rp>(</rp><rt>ji</rt><rp>)</rp>
                    </ruby>