Tag <bdo> digunakan untuk untuk memutar arah baca teks seperti gambar di atas. Normalnya teks biasa dibaca dari kiri ke kanan, tetapi bila diterapkan tag bdo maka teks dibaca dari kanan ke kiri.
bdo.html
<!DOCTYPE HTMl>
<html>
<head>
<title>Tag bdo HTML</title>
</head>
<body>
<p>Saya berusaha bangun pagi dengan tepat waktu.</p>
<p><bdo dir="rtl">Saya berusaha bangun pagi dengan tepat waktu.</bdo></p>
</body>
</html>
Tag bdo berhubungan dengan atribut dir (direction/arah teks), yaitu mengatur pembacaan arah teks, apakah dari kiri ke kanan; ltr, kanan ke kiri; rtl dan inherit. Untuk tag bdo berlaku atribut ltr. Sebagai perbandingan jika tidak memakai tag bdo, murni memakai atribut dir rtl, maka hasilnya seperti berikut:
Anda lihat tampilan di atas, teks hanya pindah ke kanan tanpa mengubah arah baca.
dirrtl.html
<!DOCTYPE HTMl>
<html>
<head>
<title>Atribut murni rtl HTML</title>
</head>
<body>
<p>Saya berusaha bangun pagi dengan tepat waktu.</p>
<p dir="rtl">Saya berusaha bangun pagi dengan tepat waktu.</p>
</body>
</html>
^Baca juga: Tag <cite> HTML untuk membuat sumber kutipan.
Referensi tulisan:
- direction; ditulis oleh: Tim MDN (Mozilla Developer Network, developer.mozilla.org, diakses 03 Oktober 2014.
- <bdo>; ditulis oleh: Tim MDN (Mozilla Developer Network, developer.mozilla.org, diakses 03 Oktober 2014.
About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.
No comments:
Post a Comment