Home › Documentation › HTML5 tag

HTML5 <ruby> tag

Submitted by vladimir-kostarev on January 24 2012 05:41:33 AM

Table of Contents

Encapsulator Compatibility for this Article
Feature Supported?
<ruby> tag yes
<rt> tag yes

Introduction

The <ruby> tag and its two children <rt> and <rp> are completely new in HTML5. In fact, this is the only major feature to have come from XHTML 1.1 into HTML5. Ruby stands for "Ruby annotations", which are small, annotative glosses used in East Asian typography. They are used as pronunciation help for relatively obscure characters.

The <rt> tag stands for "ruby text" and is used as pronunciation aid to the character(s) defined in the enclosing <ruby> tag. The <rp> is used to mark up ruby parenthesis, which is basically a precaution measure for browsers that do not support the <ruby> tag.

Ruby tag does not have any specific attributes, it does however support global and event attributes.

Sample Code

<ruby>
    漢 <rp>(</rp><rt> ㄏㄢˋ </rt><rp>)</rp>
</ruby>

漢 ( ㄏㄢˋ )

More resources

This is a section to refer to other great articles, tutorials, reference documents, etc ... Some good places to look for more information might include:

  1. W3schools reference
  2. Controversy about the usability of the tag
0
Tags: