• Skip to primary navigation
  • Skip to main content

Tech Honey

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

  • Home
  • HTML
    • Tags in HTML
    • HTML Attributes
  • OA Framework
    • Item in OAF
    • Regions in OAF
    • General OAF Topics
  • Oracle
    • statement
    • function
    • clause
    • plsql
    • sql
You are here: Home / HTML / Tags / HTML Ruby Tag

HTML Ruby Tag

August 10, 2013 by techhoneyadmin

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

Filed Under: Tags Tagged With: Example of HTML Ruby Tag, How to write Chinese in HTML, How to write Japanese in HTML, HTML Ruby, HTML Ruby Tag, HTML Tag Ruby, HTMLRubyTag, Ruby HTML, Ruby HTML Tag, Ruby Tag HTML, Syntax and Example of HTML Ruby Tag, Syntax of HTML Ruby Tag, Tag HTML Ruby, Tag Ruby HTML, Using HTML Ruby Tag, What is the use of HTML Ruby Tag, Writing Chinese in HTML, Writing Japanese in HTML

Copyright © 2023 · Parallax Pro on Genesis Framework · WordPress · Log in