HTML - tags - r....

revision:


Content

"rp" tag : ruby text tag "rt" tag : explanation or prononciation of characters in ruby annotation "ruby" tag : specifies ruby annotation


"rp" tag : ruby text tag

top

The <rp> tag can be used to provide parentheses around a ruby text, to be shown by browsers that do not support ruby annotations. Use <rp> together with <ruby> and <rt>: 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 <rp> element supports the global attributes and events attributes.

Syntax : <rp> . . . </rp>

some examples

example
(ㄏㄢˋ)

Codes:

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

example
(Kan)(ji)

Codes:

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

"rt" tag : explanation or prononciation of characters in ruby annotation

top

The <rt> tag defines an explanation or pronunciation of characters (for East Asian typography) in a ruby annotation. Use <rt> together with <ruby> 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 <rt> element supports the global attributes and events attributes.

Syntax : <rt> . . . </rt>

some examples

example
ㄏㄢˋ

Codes:

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

example
(Kan)(ji)

Codes:

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

"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 : <ruby> . . . </ruby>

some examples

example
(ㄏㄢˋ)

Codes:

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

example
(Kan)(ji)

Codes:

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