Pinned

Teks Bidirectional pada HTML5 dan Fungsinya

Tag <bdi> merupakan akronim dari Bi-directional IsolationTag ini membedakan antara teks yang diisolasi tag bdi terhadap teks lainnya yang mungkin memiliki format dalam arah yang berbeda. Tag ini digunakan ketika user generated teks dengan direction (arah) yang tidak diketahui.

Cara Membuat Teks Bidireksional Menggunakan Tag Bdi HTML5
Ilustrasi Bidireksional HTML5

Sebelum memahami lebih dalam materi tentang Teks Bidirectional pada HTML5 dan Fungsinya, terlebih dahulu pelajari materi tentang: Tag Aside pada HTML5 dan Fungsinya [klik], Tag Article pada HTML5 dan Fungsinya [klik], dan Fitur Unggulan pada HTML5 [klik].

Sintak:
<bdi> konten... </bdi>

catatan: Tag ini adalah tag baru yang terdapat pada HTML5.


Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

bdi tag

</title>

</head>

 

<body>

<center>

<p>

Makan<bdi>Nasi</bdi>Padang

</p>

 

<p>

Sebuah

<bdi>Makanan</bdi>

khas

<bdi>negeri</bdi>

Minang

<bdi>,okhee...</bdi>

</p>

</center>

</body>

 

</html>

Output:

MakanNasiPadang

Sebuah Makanan khas negeri Minang ,okhee...

Artikel ini didedikasikan kepada: Heru Prasetyo, Ika Putri Rohmatussa'Diyah, Indra Yoga Saputra, Kharisma Dwi Afrilia, dan M. Kaharudin Nicha Wibowo.

5 komentar:

  1. Apa yang dimaksud dengan tag atau elemen bdi pada html?

    BalasHapus
    Balasan
    1. Tag BDI atau Bidirectional Isolae Element merupupakan elemen yang memberitahukan algoritma dua arah browser untuk memperlakukan teks yang dikandungnya secara terpisah dari teks yang ada disekitarnya. Elemen ini sangat berguna ketiksa situs website secara dinamis memasukkan beberapa teks dan tidak mengetahui arah teks yang dimasukkan tersebut.

      Hapus
    2. BDI adalah singkatan dari Bidirectional Isolation yang digunakan untuk memisahkan bagian teks yang mungkin diformat ke arah yang berbeda dari teks lain diluarnya. Elemen ini bergunakn ketika menyematkan konten buatan pengguna dengan arah teks yang tidak diketahui.

      Hapus
  2. Ada yang bisa memberikan penjelasan lebih sederhana tentang tag bdi?

    BalasHapus
    Balasan
    1. Langsung aja praktik bos ku nnti paham sendiri tentang penggunaan tag bdi.

      Hapus

Hubungi admin melalui Wa : +62-896-2514-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -