Footer yapısı

<footer> içine copyright, bağlantı ve address eklersin.

Footer ve alt kısım

Sayfanın en altı <footer> ile işaretlenir. Buraya telif yazısı, iletişim bağlantıları, gizlilik bağlantısı ya da 'sayfa başına dön' gibi tamamlayıcı içerikler konur. Ana içerik buraya ait değildir.

Bir sayfada birden çok <footer> olabilir; her <article> ya da <section> kendi alt kısmını tutabilir. Yine de en sık kullanım, sayfanın en altındaki tek büyük footer'dır.

address ile iletişim

İletişim bilgisini <address> etiketi işaretler. E-posta, telefon ya da posta adresi buraya konur. En sık <footer> içinde yer alır; çünkü iletişim bilgisi sayfanın altında beklenir.

Örnek: <footer><address><a href="mailto:info@dergi.com">Bize yazın</a></address></footer>. Arama motorları ve ekran okuyucular bunun iletişim olduğunu anlar; adresi 'iletişim' diye okurlar.

Uygulama Footer içine iletişim ve telif

Body içine bir <footer> ekle. Footer içine bir <address> koy ve içine <a href="mailto:info@dergi.com">Bize yazın</a> yaz. Footer içine ayrıca bir <small> etiketi koy ve metni © 2026 Peynir Dergisi olsun. Bağlantı metni ve small içeriği dolu olsun.

Örnek çözümü göster

<body>
  <footer>
    <address>
      <a href="mailto:info@dergi.com">Bize yazın</a>
    </address>
    <small>© 2026 Peynir Dergisi</small>
  </footer>
</body>

Footer kullanımında dikkat

İki noktaya dikkat. Birincisi, <footer> içine ana içeriği koyma; o <main>'e ait. Footer yalnızca tamamlayıcı bilgileri taşır. İkincisi, iletişim için <address> kullan; iletişim bilgisini düz <p> içine koymak anlamsal HTML'in gücünü azaltır.

Telif yazısı için <small> etiketi uygundur; 'yan not' anlamı taşır ve © sembolüyle birlikte sıkça görülür. Bir sayfada birden çok footer olabileceğini unutma.

Kendini test et

Bir sayfanın <footer> bölümünde en çok ne beklersin?
- Yorum kutusu
- Site logosu
- Telif yazısı ve iletişim
- Ana yazı
Cevabı göster

Telif yazısı ve iletişim — Doğru. footer telif yazısı ve iletişim bilgisini taşır.

address içindeki bağlantı metni

<address>
  <a href="mailto:info@dergi.com">____</a>
</address>

Cevabı göster

<address>
  <a href="mailto:info@dergi.com">Bize yazın</a>
</address>

Footer parçalarını eşleştir

footer

Alt kısım
address

İletişim
nav

Ana menü
header

Üst kısım

Sıradaki ders: Bölümleme kuralları

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler