CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

Referrer policy

HTML kursu · Uzman · Ders 27/39

<meta name="referrer"> ile referrer kontrolünü öğrenirsin.

Referrer nedir?

Bir sayfadan başka bir sayfaya geçerken tarayıcı, giden tarafa nereden geldiğini söyleyen Referer başlığını gönderir. Buna referrer denir. Bazen bu bilgi gizlilik için sınırlandırılmalıdır; örneğin kullanıcı kimliği URL'de olabilir.

HTML'de meta name="referrer" etiketiyle tarayıcıya ne kadar bilgi göndereceğini söyleyebilirsin. Bu, tüm sayfa için bir politika belirler.

meta name=referrer değerleri

meta name="referrer" için yaygın değerler:

  • no-referrer: hiçbir bilgi gönderme
  • same-origin: yalnızca aynı kökende gönder
  • strict-origin: yalnızca origin gönder; HTTPS düşüşünde hiç gönderme
  • strict-origin-when-cross-origin: aynı kökende tam URL, çapraz kökende yalnızca origin

Son değer, 2026 itibarıyla modern tarayıcılarda öntanımlıdır ve dengeyi iyi korur.

Uygulama Referrer policy meta etiketini ekle

Önceki dersin sayfasını al. <head> içine, CSP meta'sından sonra, bir referrer policy meta etiketi ekle:

  • name="referrer"
  • content="strict-origin-when-cross-origin"
Örnek çözümü göster 
<!DOCTYPE html>
<html lang="tr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src 'self' data:; style-src 'self' 'unsafe-inline'">
    <meta name="referrer" content="strict-origin-when-cross-origin">
    <title>Güvenli Bank - Giriş</title>
  </head>
  <body>
    <h1>Güvenli Bank</h1>
    <p>Lütfen kullanıcı kodunuzla giriş yapınız.</p>
    <p><a href="https://yardim.guvenlibank.example/oturum-acma" target="_blank" rel="noopener noreferrer">Yardım merkezi</a></p>
  </body>
</html>

Kendini test et

  1. Hangisi 2026'da modern tarayıcıların referrer öntanımlısıdır?

    • no-referrer
    • same-origin
    • unsafe-url
    • strict-origin-when-cross-origin
    Cevabı göster

    strict-origin-when-cross-origin — Doğru. Bu değer aynı kökende tam URL, çapraz kökende yalnızca origin gönderir.

  2. Öntanımlı referrer değerini tamamla

    <meta name="referrer" content="____">
    Cevabı göster 
    <meta name="referrer" content="strict-origin-when-cross-origin">

  3. referrer değerini anlamıyla eşleştir

    no-referrer
    hiçbir bilgi gönderme
    same-origin
    yalnızca aynı kökende
    strict-origin
    yalnızca origin
    unsafe-url
    tam URL (riskli)

Uzman bölümündeki tüm dersler

1 İleri erişilebilirlik

  1. WCAG ilkeleri
  2. Klavye navigasyonu
  3. Live regions
  4. Dialog ve modal
  5. Heading outline
  6. Özet - Erişilebilir widget

2 İleri ARIA desenleri

  1. ARIA roles
  2. States ve properties
  3. Grid ve tree
  4. Tabs ve accordion
  5. Menu ve menubar
  6. Özet - Erişilebilir tabpanel

3 Proje: Performanslı sayfa

  1. Proje: Performanslı sayfa
  2. Kritik kaynak sırası
  3. Görsel optimizasyonu
  4. Şablon ve noscript
  5. Proje sonu - Performans sayfası

4 Uluslararasılaştırma

  1. Lang ve dir
  2. Hreflang stratejisi
  3. Bidi ve bdo
  4. Rtl uyumlu işaretleme
  5. Çok dilli SEO
  6. Özet - Çok dilli sayfa

5 Proje: Güvenli sayfa

  1. Proje: Güvenli form sayfası
  2. Rel noopener
  3. CSP meta
  4. Referrer policy
  5. Proje sonu - Güvenli sayfa

6 İleri web bileşenleri

  1. Custom element registry
  2. Slot ve shadow boundary
  3. Declarative shadow DOM
  4. Form-associated custom element
  5. AOM ve accessibility tree
  6. Özet - Bileşen kütüphanesi iskeleti

7 Uzman finali

  1. Meydan okuma - Erişilebilir dialog
  2. Meydan okuma - ARIA tabpanel
  3. Meydan okuma - Çok dilli RTL
  4. Meydan okuma - Güvenlik paketi
  5. Meydan okuma - Uzman projesi