in HTML

HTML bdi TAG

updated

Albinon.Com – HTML bdi TAG. BDI adalah singkatan dari Bi-Directional Isolation. Tag <bdi> mengisolasi bagian teks yang mungkin diformat dengan arah yang berbeda dari teks lain di luarnya.

Elemen ini berguna saat menyematkan konten buatan pengguna dengan arah teks yang tidak diketahui. Memberi tahu algoritme dua arah browser untuk memperlakukan teks yang dikandungnya secara terpisah dari teks di sekitarnya.

Ini sangat berguna ketika situs website secara dinamis menyisipkan beberapa teks dan tidak mengetahui arah teks yang disisipkan.

HTML bdi TAG

Teks dua arah atau Bidirectional text adalah teks yang mungkin berisi urutan karakter yang disusun dari kiri ke kanan (LTR) dan urutan karakter yang disusun dari kanan ke kiri (RTL), seperti kutipan bahasa Arab yang disematkan dalam string bahasa Inggris.

Browser menerapkan Algoritma Dua Arah Unicode untuk menangani ini. Dalam algoritme ini, karakter diberi arah implisit: misalnya, karakter Latin diperlakukan sebagai LTR sedangkan karakter Arab diperlakukan sebagai RTL.

Beberapa karakter lain (seperti spasi dan beberapa tanda baca) diperlakukan sebagai netral dan diberi pengarahan berdasarkan karakter di sekitarnya.

Contoh Kode HTML <bdi> tag

<!DOCTYPE html>
<html>
<body>


<h4>Sekolah Internasional Jakarta</h4>
<p>Daftar Nama Siswa Kelas 3 IPA</p>

<ul>
  <li><bdi class="name">Selamet Budi</bdi>: Ketua</li>
  <li><bdi class="name">Sanjaya Joni</bdi>: Wakil Ketua</li>
  <li><span class="name">سما</span>: Sekretaris</li>
  <li><bdi class="name">الرجل القوي إيان</bdi>: Bendahara 1</li>
  <li><span class="name" dir="auto">سما</span>: Bendahara 2</li>
</ul>

</body>
</html>

Kode di atas oleh browser akan di render sebagai berikut:

Sekolah Internasional Jakarta

Daftar Nama Siswa Kelas 3 IPA

  • Selamet Budi: Ketua
  • Sanjaya Joni: Wakil Ketua
  • سما: Sekretaris
  • الرجل القوي إيان: Bendahara 1
  • سما: Bendahara 2

Artikel ini adalah artikel anak dari HTML TAGS, Artikel / Tutorial Tag HTML berikutnya, HTML <bdo> TAG.

1 Topik artikel yang cocok dengan HTML bdi TAG, bdi tag in html.

HTML

What do you think?

14 Points
Upvote Downvote

Written by Albinon

Albinon.Com | a home for showcase your website worldwide. Showcase your website and let people react.

html base tag

HTML base TAG

html bdo tag

HTML bdo TAG