CodeBlanks Logo Icon CodeBlanks

Bidi ve bdo

HTML kursu · Uzman · Ders 20/39

<bdi> ve <bdo> ile karışık yönli metinleri kontrol edersin.

Bidi algoritması

Metin yönü yalnızca "sağdan sola" ya da "soldan sağa" değil; aynı paragrafta her iki yönden karakter de olabilir. Buna çift yönlü (bidirectional, bidi) metin denir. Tarayıcı, Unicode bidi algoritmasıyla her karakterin yönünü hesaplar.

Bazen algoritma yanılır; özellikle bir Latin sözcüğü Arapça metnin ortasına girdiğinde. İşte <bdi> ve <bdo> etiketleri devreye girer: yönü açıkça bildirerek algoritmanın yerini alırsın.

bdo ile yönü zorla

<bdo> etiketi, bidi algoritmasını atlayıp yönü zorla uygular. dir özniteliğiyle birlikte kullanılır: <bdo dir="rtl">... içindeki metin sağdan sola yazılır.

Örnek: bir telefon numarasını RTL bağlamda doğru göstermek için <bdo dir="ltr">+90 212 555 1234</bdo> yazabilirsin. <bdi> ise algoritmaya güvenip yalnızca yön belirsiz olduğunda devreye girer.

Uygulama bdi ile kullanıcı adı

Body içine bir <ul> ekle; içine bir <li> koy. <li>'nin içine bir <bdi> etiketi ekle ve metni Ahmed1990 yap. <bdi>'den sonra bir <span> ekle ve metni 5 yazı olsun.

Örnek çözümü göster
<body>
  <ul>
    <li>
      <bdi>Ahmed1990</bdi>
      <span>5 yazı</span>
    </li>
  </ul>
</body>

Kendini test et

  1. Hangi durumda <bdi> kullanılır?

    • Kullanıcı adının yönü belirsiz olduğunda
    • Saf Türkçe metinde
    • Bir tablonun hizalamasında
    • Bir bağlantının hedefinde
    Cevabı göster

    Kullanıcı adının yönü belirsiz olduğunda — Doğru. bdi, yönü belirsiz metni (örn. kullanıcı adı) sarar ve bidi algoritmasına yardımcı olur.

  2. bdo etiketini tamamla

    <____ dir="ltr">+90 212 555 1234</bdo>
    Cevabı göster
    <bdo dir="ltr">+90 212 555 1234</bdo>
  3. Etiketi rolüyle eşleştir

    <bdi>
    Yönü belirsiz metni sarar
    <bdo>
    Yönü zorla uygular
    dir="rtl"
    Sağdan sola akış
    dir="ltr"
    Soldan sağa akış

Uzman bölümündeki tüm dersler