Tech Honey

The #1 Website for Oracle PL/SQL, OA Framework and HTML

Writing Japanese in HTML

HTML Rp Tag

by

HTML Rp TagHTML Rp tag <rp> defines what to display if the HTML Ruby tag is not supported in browser. In other words we can say that, the HTML Rp Tag defines what will be rendered on the browser if the browser does not support HTML Ruby Tag.

HTML Rp tag is used with the HTML Ruby Tag and HTML Rt Tag.

The HTML Ruby tag defines the Chinese or Japanese Characters which needs to be helped in pronunciation and the HTML Rt Tag shows the required pronunciation.

HTML 5 Rp tag is a closed tag and needs HTML 5 Rp closing tag </rp>

Note: Rp Tag is new in HTML 5.

Syntax of HTML Rp Tag

<rp>
Some Alternate text here..
</rp>

Example of HTML Rp Tag

HTML Rp Tag Code Output 
<ruby>
中国
<rt> Zhōngguó
<rp> Ruby Not</rp></rt>
食品<rt>shípǐn<rp> Supported</rp></rt>
</ruby>

中国
Zhōngguó
 Ruby Not
食品shípǐn Supported

In the HTML 5 Rp Tag example above, we have taken the example of “Chinese Food” which will be pronounced as “Zhōngguó shípǐn”. Note that the actual pronunciation is being displayed on top of the Chinese characters.

The text within the HTML Rp tag will be displayed on the browser if the browser does not supports HTML Ruby Tag.

Also note the usage of HTML Ruby Tag <ruby> for providing the Chinese characters.

HTML Rp Tag supports all HTML Global Attributes and HTML Event Attributes.

HTML Rp Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes (From IE 9 Onwards)
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes

HTML Ruby Tag

by

HTML Ruby TagHTML Ruby tag <ruby> is used to classify Ruby annotations which are used to illustrate East Asian typography.

HTML Ruby tag <ruby> characters are small (in display) and can be placed above or to the right side of the Chinese or Japanese characters.

HTML Ruby tag characters display the pronunciation of the Chinese or Japanese characters.

HTML Ruby tag is used with the HTML Rt Tag and HTML Rp Tag.

The HTML Ruby tag defines the Chinese or Japanese Characters which needs to be helped in pronunciation and the HTML Rt Tag shows the required pronunciation.

The HTML Rp Tag defines what will be rendered on the browser if the browser does not support HTML Ruby Tag.

HTML 5 Ruby tag is a closed tag and needs HTML 5 Ruby closing tag </ruby>

Note: Ruby Tag is new in HTML 5.

Syntax of HTML Ruby Tag

<ruby>
Some Chinese or Japanese Text Here ..
</ruby>

Example of HTML Ruby Tag

HTML Ruby Tag Code Output 
<ruby>中国
<rt> Zhōngguó </rt>
食品<rt>shípǐn</rt>
</ruby>
中国
Zhōngguó
食品shípǐn

In the HTML 5 Ruby Tag example above, we have taken the example of “Chinese Food” which will be pronounced as “Zhōngguó shípǐn”. Note that the actual pronunciation is being displayed on top of the Chinese characters.

Also note the usage of HTML Rt Tag <rt> for providing the pronunciation.

HTML Ruby Tag supports all HTML Global Attributes and HTML Event Attributes.

HTML Ruby Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes (From IE 9 Onwards)
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes

HTML Rt Tag

by

HTML RT TagHTML Rt tag <rt> is used to define elucidation or accent for the characters in HTML Ruby Tag annotation.

HTML Rt tag <rt> characters are small (in display) and can be placed above or to the right side of the Chinese or Japanese characters.

HTML Rt tag is used with the HTML Ruby Tag and HTML Rp Tag.

The HTML Ruby tag defines the Chinese or Japanese Characters which needs to be helped in pronunciation and the HTML Rt Tag shows the required pronunciation.

The HTML Rp Tag defines what will be rendered on the browser if the browser does not support HTML Ruby Tag.

HTML 5 Rt tag is a closed tag and needs HTML 5 Rt closing tag </rt>

Note: Rt Tag is new in HTML 5.

HTML Rt Tag Syntax

<Rt>
Some pronunciation here..
</Rt>

HTML Rt Tag Example

HTML Rt Tag Code Output 
<ruby>
中国<rt>Zhōngguó </rt>
食品<rt>shípǐn</rt>
</ruby>
中国 Zhōngguó
食品shípǐn

In the HTML 5 Rt Tag example above, we have taken the example of “Chinese Food” which will be pronounced as “Zhōngguó shípǐn”. Note that the actual pronunciation is being displayed on top of the Chinese characters.

Also note the usage of HTML Ruby Tag <ruby> for providing the Chinese characters.

HTML Rt Tag supports all HTML Global Attributes and HTML Event Attributes.

HTML Rt Tag Supporting Browsers

S. No. Browser Supported(Yes/No)
1 Internet Explorer Yes (From IE 9 Onwards)
2 Firefox Yes
3 Google Chrome Yes
4 Opera Yes
5 Safari Yes