Semantik Etiketlerin Özeti ve Tekrarı

Semantik etiketler, HTML belgelerinde içeriği daha anlamlı hale getirmek için kullanılan özel HTML etiketleridir. Bu etiketler, belgenin yapısını açıklar ve içerik elemanlarını anlamlı bağlamlar içinde düzenler. İşte semantik etiketlerin özeti ve bazı örnekleri:

1. <header> Etiketi:

   • Sayfanın başlık, logo veya menü gibi üst kısmını temsil eder.
   • Örnek:

     <header> <h1>Web Sayfam</h1> <nav> <ul> <li>Ana Sayfa</li> <li>Hakkımızda</li> <li>İletişim</li> </ul> </nav> </header> 

     Canlı Dene Kopyala

2. <nav> Etiketi:

   • Navigasyon menüsünü temsil eder.
   • Örnek:

     <nav> <ul> <li>Ana Sayfa</li> <li>Hakkımızda</li> <li>İletişim</li> </ul> </nav> 

     Canlı Dene Kopyala

3. <article> Etiketi:

   • Bir makale veya içerik parçasını temsil eder.
   • Örnek:

     <article> <h2>Web Tasarımı</h2> <p>Web tasarımı, ...</p> </article> 

     Canlı Dene Kopyala

4. <section> Etiketi:

   • Sayfa içinde bağımsız bir bölümü temsil eder.
   • Örnek:

     <section> <h2>Ürünlerimiz</h2> <p>Ürünlerimiz hakkında bilgiler...</p> </section> 

     Canlı Dene Kopyala

5. <aside> Etiketi:

   • Sayfa içeriğinden bağımsız, yardımcı bilgileri temsil eder.
   • Örnek:

     <aside> <h3>Reklamlar</h3> <p>İlgili reklamlar burada...</p> </aside> 

     Canlı Dene Kopyala

6. <footer> Etiketi:

   • Sayfanın alt kısmını temsil eder ve genellikle iletişim bilgileri, telif hakları gibi bilgiler içerir.
   • Örnek:

     <footer> <p>&copy; 2023 Web Sayfam</p> </footer> 

     Canlı Dene Kopyala

Semantik etiketler, belge yapısını açıklamak ve tarayıcılar ile arama motorlarına içeriği daha anlamlı bir şekilde sunmak için kullanılır. Bu etiketlerin kullanımı, hem geliştirici hem de kullanıcı açısından daha iyi bir deneyim sağlar.