Anchor

Ne zaman kullanılır

• Üç ya da daha çok bölümü olan uzun bir sayfada: sözleşme, ücret tablosu, ayarlar özeti.

Ne zaman kullanılmaz

• Sayfalar arası gezinme için: Breadcrumbs ya da kenar çubuğu kullanın.
• Aynı yerde değişen içerik için: Tabs kullanın.
• Kısa bir sayfada: bağlantı listesi gereksizdir.

Anatomi

1. Başlık: Gezinmenin adı, varsayılan “Bu sayfada”.
2. Çizgi: Bağlantıların başındaki ince kenarlık.
3. Bağlantı: Bölüm başlığına giden #id bağlantısı.
4. Geçerli işaret: Okunan bölümün bağlantısındaki seçili kenarlık.
5. Alt bağlantılar: Tek seviye alt bölümler.

Davranış

• Bağlantılar bölümlere #id ile gider; tarayıcı geçmişi ve paylaşılan bağlantılar çalışır.
• current verilmezse görünüm alanının üst %40’ındaki ilk bölüm geçerli sayılır.
• current verilirse işaret yalnızca ondan gelir; onCurrentChange yine çağrılır.

Yönergeler

• Bağlantı metni bölüm başlığıyla aynı olsun.
• En fazla bir alt seviye kullanın.
• Bölümlerin scroll-margin-top değeri sabit üst çubuğun yüksekliğini karşılasın.

İçerik

• Başlıklar kısa ve ayırt edici olsun: “Komisyon”, “Hesaba geçiş”.

İlgili bileşenler

• Tabs: Aynı alanda değişen paneller.
• Breadcrumbs: Sayfanın hiyerarşideki yeri.