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 */