Ö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.