Tutorial HTML <rp>
Element html
rp mendefinisikan sebagai Ruby Parentheses (tanda kurung untuk karakter ruby), element ini sangat bagus digunakan sebagai element pendukung penulisan karakter ruby.
Element
<rp> harus ditulis didalam element <ruby> dan sebagai pembungkus element <rt>. Tag kelalaian (Tag omission) tidak berlaku untuk element ini, jadi element ini wajib memiliki tag pembuka dan tag penutup.Tampilan HTML <rp>
Jika browser mendukung element
<ruby>, maka element HTML <rp> tidak akan terlihat, atau mempunyai style display:none;.Tetapi jika browser tidak mendukung anotasi
<ruby>, maka karakter yang berada dalam rentang <rp>...</rp> akan terotomatis dapat terbaca oleh browser.Contoh HTML <rp>
<p>
<ruby>
地板脏了<rp>(</rp> <rt>Dìbǎn zàngle</rt> <rp>)</rp>
</ruby>
</p><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>
<p style="font-size:2.5rem;">
<ruby>
地板脏了<rp>(</rp> <rt>Dìbǎn zàngle</rt> <rp>)</rp>
</ruby>
</p>
<p>
Jika browser tidak support dengan element <code>RUBY</code>,
maka akan memiliki tampilan seperti berikut : <br><br>
地板脏了 (Dìbǎn zàngle)
</p>
<h4>
Maaf jika penulisan/susunan salah, ini hanya untuk demo.
</h4>
</body>
</html>Global Attributes:
Element <rp> mencakup Global Attributes HTML.
Event Attributes:
Element <rp> mencakup Event Attributes HTML.
Browser Support HTML <rp>
Desktop
| Element | Chrome | Safari | Firefox | Opera | IE | Edge |
<rp> | 5 | 5 | 38 | 15 | 5 | - |
Mobile
| Element | Android webview | Chrome Android | Edge mobile | Firefox Android | IE mobile | Opera Android | iOS Safari |
<rp> | Ya | Ya | - | 38 | Ya | 15 | Ya |
Default CSS :
Browser yang support dengan element
<rp>, mempunyai nilai default :/* tidak ada */