Tutorial HTML <rt>
Element html
rt mendefinisikan sebagai ruby text (teks ruby), element ini digunakan sebagai komponen teks ruby dari karakter ruby, yang digunakan untuk memberikan informasi pengucapan, terjemahan, atau transliterasi untuk tipografi khususnya negara yang berada di Asia Timur
Element
<rt> harus ditulis didalam element <ruby>.Secara default, tampilan element
<rt> akan ditampilkan dengan font yang lebih kecil dari ukuran teks yang ada disekitarnya, dan mempunyai posisi berada di atas.Contoh HTML <rt>
<ruby> イン <rt>in</rt> ド <rt>do</rt> ネ <rt>ne</rt> シア <rt>shia</rt> </ruby>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p style="font-size:2.5rem;"> <ruby> イン <rt>in</rt> ド <rt>do</rt> ネ <rt>ne</rt> シア <rt>shia</rt> </ruby> </p> <p> Maaf jika penulisan/susunan salah, ini hanya untuk demo. </p> <p> Contoh diatas menjelaskan element rt digunakan untuk cara pengucapan kata Indonesia dalam bahasa Jepang </p> </body> </html>
Contoh HTML <rt>
<p> <ruby>地板脏了<rt>Dìbǎn zàngle</rt></ruby> </p>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p style="font-size:2.5rem;"> <ruby>地板脏了<rt>Dìbǎn zàngle</rt></ruby> </p> <p> Maaf jika penulisan/susunan salah, ini hanya untuk demo. </p> <p> Contoh diatas menjelaskan element rt digunakan untuk cara pengucapan kata 地板脏了 (lantai kotor) dalam bahasa China (china sederhana) </p> </body> </html>
Global Attributes:
Element <rt> mencakup Global Attributes HTML.
Event Attributes:
Element <rt> mencakup Event Attributes HTML.
Browser Support HTML <rt>
Desktop
| Element | Chrome | Safari | Firefox | Opera | IE | Edge |
<rt> | 5 | 5 | 38 | 15 | 5 | - |
Mobile
| Element | Android webview | Chrome Android | Edge mobile | Firefox Android | IE mobile | Opera Android | iOS Safari |
<rt> | Ya | Ya | - | 38 | Ya | 15 | Ya |
Default CSS :
Browser yang support dengan element
<rt>, mempunyai nilai default :rt {
line-height: normal;
}