CodeBlanks Logo Icon CodeBlanks

Özet - Çok dilli menü

HTML kursu · Orta seviye · Ders 12/67

İndirme, dış ve dil bağlantıları içeren bir menü oluşturursun.

Bu ünitede öğrendiklerimiz

Bu ünitede bağlantıların ileri özelliklerini gördün:

  • download ile indirilebilir dosya bağlantıları
  • rel değerleri: noopener, noreferrer, license, bookmark
  • hreflang ve rel="alternate" ile çok dilli sayfalar
  • aria-label ile erişilebilir bağlantılar
  • <a> ile <button> arasındaki doğru seçim

Şimdi bunları birleştiren bir çok dilli menü kuracağız.

Uygulama Çok dilli menüyü tamamla

Mevcut menüye üç bağlantı ekle. Birincisi dış bağlantı: href ile https://wikipedia.org, rel="noopener noreferrer" ile güvenli ve metni Wikipedia. İkincisi indirme bağlantısı: href ile /dosyalar/brosur-2026.pdf, download özniteliğiyle ve dosya adı brosur.pdf, metni Broşürü indir. Üçüncüsü dil bağlantısı: href ile /en/about, hreflang="en" ve rel="alternate" ile, metni English.

Örnek çözümü göster
<li><a href="https://wikipedia.org" rel="noopener noreferrer">Wikipedia</a></li>
<li><a href="/dosyalar/brosur-2026.pdf" download="brosur.pdf">Broşürü indir</a></li>
<li><a href="/en/about" hreflang="en" rel="alternate">English</a></li>

Kendini test et

  1. Bir bağlantının indirme olarak davranmasını sağlayan öznitelik hangisidir?

    • download
    • hreflang
    • canonical
    • aria-label
    Cevabı göster

    download — Doğru. download özniteliği bağlantıyı indirmeye yöneltir.

  2. Özniteliği rolüyle eşleştir

    download
    Dosya indirme
    noopener
    Güvenli dış bağlantı
    hreflang
    Çok dilli sayfa
    canonical
    Asıl URL
    aria-label
    Erişilebilir bağlantı

Orta seviye bölümündeki tüm dersler