tRikSonic
Tema

HTML rt Tag

Terakhir diperbarui : 22 Mei 2018 - 07.11

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
html rt
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
ElementChromeSafariFirefoxOperaIEEdge
<rt>5538155-
Mobile
ElementAndroid webviewChrome AndroidEdge mobileFirefox AndroidIE mobileOpera AndroidiOS Safari
<rt>YaYa-38Ya15Ya

Default CSS :

Browser yang support dengan element <rt>, mempunyai nilai default :
rt {
    line-height: normal;
}
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.