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