HTML footer etiketi nedir, nasıl kullanılır, örnekleriyle birlikte anlatılan kapsamlı bir blog yazısı. HTML öğrenmek isteyenler için rehber niteliğinde.
İçerikler
HTML Footer Etiketi Nedir?HTML Footer Etiketi Nedir?
HTML Footer etiketi, bir HTML belgesinin alt kısmında bulunan bilgileri içeren bir etikettir. Bu etiket, bir sayfanın alt kısmında bulunan metin, telif hakkı bilgileri, iletişim bilgileri veya sayfa haritası gibi içerikleri belirtmek için kullanılır.
Bir web sayfasındaki footer, genellikle sitenin alt kısmında bulunur ve kullanıcılara önemli bilgiler veya sitenin farklı bölümlerine erişim sağlar.
HTML footer etiketi, <footer> etiketi kullanılarak belirtilir. Bu etiket, web tarayıcılarına sayfanın alt kısmında bulunan içeriğin footer olduğunu belirtir.
İşte bir HTML footer etiketi kullanım örneği:
<footer> <p>Copyright © 2022 – Örnek Şirketi</p> <a href=mailto:info@ornek.com>info@ornek.com</a> </footer>
HTML Footer Etiketi Örnekleri:
| Footer Örneği | Açıklama |
|---|---|
| <footer><p>Tüm hakları saklıdır. ® 2022</p></footer> | Sayfa telif hakkı bilgisi |
| <footer><a href=mailto:iletisim@ornek.com>İletişim</a></footer> | İletişim bilgileri |
HTML Footer Etiketi, bir web sayfasının alt kısmında yer alan ve genellikle site haritası, iletişim bilgileri ve benzeri bilgilerin bulunduğu bir HTML elementidir. Footer etiketi, sayfanın altında bulunan bilgileri belirtmek için kullanılır. Footer etiketi nasıl kullanılır? Bu etiketi kullanarak web sayfalarınızın alt kısmında gerekli bilgileri nasıl ekleyebilirsiniz, birlikte inceleyelim.
Footer etiketi kullanımı için <footer> etiketi HTML içinde kullanılır. Bu etiket, genellikle <body> etiketi içinde yer alır ve sayfanın en altında görünür. Footer etiketi, genellikle bir <div> etiketi içinde yer alır ve site haritası, iletişim bilgileri, sosyal medya linkleri gibi bilgileri içerebilir.
Footer etiketi kullanırken, içeriği düzenlemek için CSS kullanılabilir. Footer etiketi, farklı bir ID veya class özelliği ile stil ve düzenlemeler eklenerek tasarımın önemli bir parçası haline getirilebilir.
Örneğin, footer içindeki iletişim bilgileri <p id=contact-info> etiketi kullanılarak stil verilmesi sağlanabilir. Böylece iletişim bilgileri farklı bir CSS dosyası içinde belirlenen biçimde görüntülenebilir.
| Örnek Footer Etiketi Kullanımı |
|---|
| Sayfa Haritası |
| İletişim Bilgileri |
| Sosyal Medya Linkleri |
HTML Footer Etiketi ÖrnekleriHTML Footer Etiketi Örnekleri
HTML Footer etiketi, bir web sayfasının alt kısmında bulunan bilgilerin ve linklerin yer aldığı bir yapıdır. Footer etiketi, sayfanın alt kısmında yer alan bilgilerin düzenli bir şekilde gösterilmesini sağlar. Bu etiket genellikle telif hakkı bilgileri, iletişim bilgileri ve sayfa haritası gibi bilgileri içerebilir. İşte HTML Footer etiketi örnekleri:
Örnek 1:
Örneğin, bir e-ticaret sitesinin footer bölümünde telif hakkı bilgileri, firma adresi ve iletişim bilgileri yer alabilir. Bu bilgiler genellikle sitenin her sayfasının alt kısmında görülebilir.
Örnek 2:
Bir blog sitesinin footer bölümünde ise, yazarın iletişim bilgileri, sosyal medya hesaplarına yönlendiren linkler, site haritası gibi bilgiler bulunabilir. Bu şekilde, ziyaretçiler sitenin farklı sayfalarına kolayca erişebilir.
Örnek 3:
Footer etiketi aynı zamanda tüm sayfalarda ortak olan linkleri de içerebilir. Örneğin, Hakkımızda, İletişim, Gizlilik Politikası gibi sayfa linkleri footer bölümünde yer alabilir.
Örnek 4:
Bir kurumsal web sitesinde, footer bölümünde firmanın logosu, telif hakkı bilgileri, sosyal medya bağlantıları ve iletişim bilgileri bulunabilir. Bu sayede, ziyaretçiler firma hakkında gerekli bilgilere kolayca erişebilir.