Lang ve dir

lang ve dir öznitelikleriyle çift yönlü ve çok dilli yapı kurarsın.

lang ve dir öznitelikleri

Bir HTML belgesinin dilini <html lang="tr"> ile bildirirsin; bunu zaten biliyorsun. Bu derste yeni olan dir özniteliğidir: metnin yönünü belirler. İki temel değer alır: ltr (soldan sağa) ve rtl (sağdan sola).

Tarayıcı, dir değerine göre metin akışını, noktalama yerleşimini ve tablo sütun sırasını ayarlar. Arapça, İbranice ve Farsça gibi diller sağdan sola yazıldığı için dir="rtl" gerekir. İngilizce ve Türkçe için ltr varsayılan olduğundan yazmaya gerek yoktur.

Hangi diller rtl?

Arapça (Arabic), İbranice (Hebrew), Farsça (Persian), Urduca (Urdu) ve Peştuca (Pashto) gibi diller sağdan sola yazılır. Bu dillerde bir sayfa açtığında <html lang="ar" dir="rtl"> yazman gerekir.

Soldan sağa yazılan diller (İngilizce, Türkçe, Almanca, Fransızca) için dir="ltr" varsayılan olduğundan eklemek zorunda değilsin. Ama karışık yönli bir bölümde dir özniteliğini kullanarak yönü yeniden ayarlayabilirsin.

Uygulama Arapça sayfa iskeleti

Bir Arapça sayfanın <html> etiketini yaz. lang="ar" ve dir="rtl" özniteliklerini ekle. İçine bir <head> ve <body> ekle. Head içine <meta charset="utf-8"> koy. Body içine bir <h1> ekle ve metni Marhaba olsun.

Örnek çözümü göster

<html lang="ar" dir="rtl">
  <head>
    <meta charset="utf-8">
    <title>Marhaba</title>
  </head>
  <body>
    <h1>Marhaba</h1>
  </body>
</html>

Kendini test et

Arapça bir sayfa için dir değeri ne olmalı?
- ltr
- rtl
- auto
- inherit
Cevabı göster

rtl — Doğru. Arapça sağdan sola yazıldığı için dir="rtl" kullanılır.

Arapça html etiketini tamamla

<html lang="ar" ____>
  <head></head>
  <body></body>
</html>

Cevabı göster

<html lang="ar" dir="rtl">
  <head></head>
  <body></body>
</html>

Yön ve dil değerini eşleştir

ltr

Soldan sağa
rtl

Sağdan sola
auto

Tarayıcı belirler
lang="ar"

Arapça dil kodu

Sıradaki ders: Hreflang stratejisi

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler