bdi ve bdo Öğeleri

Unicode Çift Yönlü Algoritması normalde karışık yönlü metinleri iyi işler; ancak bazen bu algoritmayı geçersiz kılmanız gerekir. Örneğin, kullanıcı tarafından sağlanan bir adın çevresindeki metnin yönünü değiştirmesini yalıtmak veya bir kod bloğunda belirli bir yönü zorlamak için.

<bdi> (çift yönlü yalıtım), içeriğini ayrı bir çift yönlü bağlam olarak ele alır. <bdi> içindeki metnin yönü dışındaki metnin yönünü, dışındaki metnin yönü de içindeki metnin yönünü etkileyemez.

İngilizce ve Arapça adların karıştığı bir kullanıcı listesinde, Arapça adların RTL akışını çevresindeki metne sızdırma riski vardır. Her adı <bdi> içine almak bu adı yalıtır: her adın yönü ne olursa olsun düzen tutarlı kalır.

<bdo dir="rtl"> (çift yönlü geçersiz kılma), doğal çift yönlü çözümlemeyi geçersiz kılarak içeriğine belirli bir yön zorlar. Metni doğal olmayan bir yönde görüntülemek istediğinizde, örneğin RTL bir sayfa içinde kod parçalarını LTR olarak oluşturmak için kullanın.

Normal bir öğedeki dir özniteliği temel yönü belirler ve çift yönlü algoritması içeride uygulanmaya devam eder. <bdo> ise içeriği için çift yönlü algoritmayı devre dışı bırakır; her karakter, yazı sistemi ne olursa olsun belirtilen yönde kesin olarak akar.

Kullanıcı tarafından oluşturulan metni çevresindeki arayüz öğelerine eklediğiniz her durumda kullanın: sohbet başlıklarındaki adlar, yorumlardaki kullanıcı adları ve akış öğelerindeki başlıklar gibi. Yalıtım, arayüz düzeninin kullanıcının yazdıklarından etkilenmemesini garanti eder.

Nadiren. Meşru kullanım alanı, çift yönlü metni öğretmek (bir dizenin ters çevrildiğinde nasıl göründüğünü göstermek) veya doğal çift yönlü metin çözümlemesinin yanlış görsel sıralama ürettiği, etiketleri hatalı verileri düzeltmektir.

Yönü bilinmeyen kullanıcı içeriği için iki kat güvenlik sağlamak üzere <bdi dir="auto"> kullanın: otomatik algılama, temel yönü içerikten seçer; bdi ise bu yönün çevredeki metne sızmasını önler.

bdi ve bdo, tüm güncel tarayıcılarda desteklenir. Bunlar HTML5'in parçasıdır ve yıllardır kararlıdır. IE'nin eski sürümlerinde bdi bulunmaz; ancak bu sürümler işlevsel olarak kullanım dışıdır. Güncel siteler bdi'yi rahatlıkla kullanabilir.

Ekran okuyucular, çift yönlü metin yalıtımını dikkate alır: lang ayarlanmışsa <bdi> içindeki metin kendi dilindeki sesle okunur ve çevredeki bağlam metne sızmaz. bdi ayrıca, metinden sese dönüştürme sırasında yalıtılmış ifadelerin çevresinde uygun duraklamalar oluşturulmasına yardımcı olur.

Yer tutucular içeren şablonlarda ("Hoş geldiniz, {name}"), yer tutucuyu <bdi> ile sarmalayın: Welcome, <bdi>{name}</bdi>. İngilizce, Arapça veya karma olan her kullanıcı adı, selamlamanın geri kalanını etkilemeden doğru biçimde görüntülenir.

ile arasındaki pratik fark nedir?

bdi, bir bölümün metin yönünün çevresini etkilemesini önler; şablonlardaki adlar gibi gömülü kullanıcı içerikleri için kullanın. bdo, çift yönlü metin davranışını geçersiz kılarak belirli bir yönü zorlar; öğretim örnekleri dışında nadiren gerekir. Dili bilinmeyen kullanıcı metnini güvenle işlemek için bdi'yi dir="auto" ile birleştirin.