W3-Video WEB Tutorials

w3-video.com is a Free eLearning Website with over 500 video tutorials on HTML5, XAMPP, .htaccess, Firefox, Notepad++

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++

rp ... ⁄rp

Share it

rp intro rp parents - children rp syntax

HTML5 rp element

The rp element allows you to mark up parentheses around the annotations of a ruby base text, that will be displayed together with the annotations as fallback content by those browsers that don't support the ruby annotations. »video

About rp

Parents, children rp

Attributes rp

Syntax rp

<rp> ... </rp>
<rp> ... »examples

Attributes and Values rp (comma separated)

<rpattribute="attribute_value(s)"> Video Examples
1. specific attributes
All Specific Attributes
2. global attributes
1.accesskey=keyboard key»img<rp accesskey="h"> ... </rp>
2.class=class name»html »img<rp class="class_name"> ... </rp>
3.contenteditable="",  , true, false »html<rp contenteditable="true"> ... </rp>
4.contextmenu=menu id value»html<rp contextmenu="menu_id_value"> ... </rp>
5.data-*= value -<rp data-http-error="404"> ... </rp>
6.dir=ltr, rtl, auto»html<rp dir="ltr"> ... </rp>
7.draggable= true,  , false»img<rp draggable="false"> ... </rp>
8.dropzone= copy, move, link, string:, file: -<rp dropzone="copy"> ... </rp>
9.hidden= "",  , hidden»html »img<rp hidden="hidden"> ... </rp>
10.id=id name»html »img<rp id="unique_id_name"> ... </rp>
11.itemid= URL --
12.itemprop= string »link »a-
13.itemref= string --
14.itemscope= "",  , itemscope--
15.itemtype= absolute URL --
16.lang=language code »html »head»title »img<rp lang="en"> ... </rp>
17.spellcheck="",  , true, false»html<rp spellcheck="true"> ... </rp>
18.style=CSS property:value»html »img<rp style="color:red"> ... </rp>
19.tabindex= integer »img<rp tabindex="3"> ... </rp>
20.title=text»html »link»style »abbr»dfn
»img »meter
<rp title="html page"> ... </rp>
21.translate="", yes, no»html »img<rp translate="yes"> ... </rp>
All Global Attributes
3. global event attributes
1.onclick=script» list<element onclick="script" > ...
2.ondblclick=script» list<element ondblclick="script" > ...
All Event Attributes

Video demonstration rp element

HTML5 rp element Tutorial

min video details
00:00 video tutorial: ruby, rt, rp elements
00:02 ruby element allows you to mark up a base text and provide ruby annotations for it
00:08 these are the Japanese characters for Tokyo
00:11 and for each Japanese character we can provide these ruby annotations (in hiragana, a Japanese syllabary)
00:25 adding the base text (the 2 Japanese characters) inside ruby element
00:28 and only now, for each character, we can provide the corresponding ruby annotations through rt element
00:53 each base character has associated a ruby annotation, but in case these ruby annotations are not supported in browser, we can add parentheses around them between rp start and end tags
01:33 example: this one represents a ruby annotation
01:39 example: this one represents the base character (text) and goes inside the ruby element
01:44 example: this one represents the annotation for the base character (text) and goes inside rt element

For more information about the rp element, please see the specs: W3CWHATWG