Özet - Gezinme menüsü

İç ve dış bağlantılarla basit bir gezinme menüsü oluşturursun.

Bağlantılar bir siteyi birleştirir

Bu grupta bağlantıların temel araçlarını gördün: <a> etiketi, href ile adres, mutlak ve göreli URL'ler, sayfa içi #id geçişleri, target ve rel ile açılış denetimi, son olarak mailto: ve tel: biçimleri.

Şimdi tüm bunları bir gezinme menüsünde birleştirme sırası. Menü, sitenin en sık kullanılan bağlantı kümesidir; doğru yazılırsa her sayfada tutarlı yol gösterir.

Uygulama Gezinme menüsü kur.

Bir kafe sitesi için üst gezinme menüsü oluştur. Menüde dört bağlantı olsun: ana sayfa (index.html), menü (menu.html), iletişim (iletisim.html) ve dış arşiv (https://arsiv-kitaplik.example, yeni sekmede açılsın). Çapa metinleri kendin seç.

Örnek çözümü göster

<h1>Galata Kafesi</h1>
<a href="index.html">Ana sayfa</a>
<a href="menu.html">Menü</a>
<a href="iletisim.html">İletişim</a>
<a href="https://arsiv-kitaplik.example" target="_blank">Arşiv</a>

Uygulama Menüye iletişim bağlantısı ekle.

Aşağıdaki menüye bir e-posta bağlantısı ekle: mailto:rezervasyon@kafe-rehberi.com. Çapa metni "Rezervasyon" olsun.

Örnek çözümü göster

<a href="index.html">Ana sayfa</a>
<a href="menu.html">Menü</a>
<a href="mailto:rezervasyon@kafe-rehberi.com">Rezervasyon</a>

Gezinme artık sende

Bu özette bağlantı araçlarını bir gezinme menüsünde birleştirdin: göreli adreslerle iç sayfalara, target ve rel ile dış sayfalara, mailto: ile e-postaya giden yollar aynı menüde buluştu.

İyi bir menü kısa, tutarlı ve her sayfada aynı yerdedir. Bir sonraki grupta görselleri ekleyerek sayfaları daha da zenginleştireceksin.

Kendini test et

Kavramları anlamlarıyla eşleştir.

href

Bağlantı adresi
id

Sayfa içi hedef adı
target

Açılış yeri
rel="noopener"

Yeni sekme güvenliği
tel:

Telefon araması
Bir dış bağlantıyı yeni sekmede güvenli açmak için ne eklenmeli?
- Yalnızca target="_blank"
- Yalnızca rel="noopener"
- Hem target="_blank" hem rel="noopener"
- Yalnızca href
Cevabı göster

Hem target="_blank" hem rel="noopener" — Doğru. target yeni sekme, rel güvenlik için birlikte yazılır.

Sıradaki ders: Sırasız listeler

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler