HTML5 Yeni Etiketler ve Kullanım Alanları

[GUNNERIUS]

ROHAN2 WORLD 1-120 TR TİPİ OFFICIAL YOHARA, BALATHOR VE AMON! 80. GÜNÜNDE! +10.000 ONLİNE! HİLE VE BOT %100 ENGELLİ HEMEN TIKLA!

​

HTML5, web sayfalarının yapısını ve içeriğini daha anlamlı ve semantik hale getiren yeni etiketler sunar. Bu etiketler, hem geliştiricilerin kodlarını daha okunabilir kılmalarına hem de arama motorlarının ve yardımcı teknolojilerin sayfa içeriğini daha iyi anlamalarına yardımcı olur. İşte HTML5'in getirdiği bazı yeni etiketler ve bunların kullanım alanları:

​

1. <header>​

Kullanım Alanı: Sayfanın veya bir bölümün başlık kısmını tanımlar. Genellikle logo, navigasyon menüsü veya tanıtıcı bilgileri içerir.

Örnek Kullanım:

Kodu kopyala
<header>
<h1>Web Sitesi Başlığı</h1>
<nav>
<ul>
<li><a href="#home">Ana Sayfa</a></li>
<li><a href="#about">Hakkında</a></li>
<li><a href="#contact">İletişim</a></li>
</ul>
</nav>
</header>
​

2. <nav>​

Kullanım Alanı: Navigasyon linklerini içeren bir bölüm. Ana navigasyon menüleri için kullanılır.

Örnek Kullanım:

Kodu kopyala
<nav>
<ul>
<li><a href="#home">Ana Sayfa</a></li>
<li><a href="#services">Hizmetler</a></li>
<li><a href="#contact">İletişim</a></li>
</ul>
</nav>
​

3. <article>​

Kullanım Alanı: Bağımsız, kendi kendine yeterli içerik bloklarını tanımlar. Haberler, blog yazıları, forum gönderileri gibi içerikler için idealdir.

Örnek Kullanım:

Kodu kopyala
<article>
<h2>Blog Yazısı Başlığı</h2>
<p>Bu, blog yazısı içeriğinin bir paragrafıdır...</p>
</article>
​

4. <section>​

Kullanım Alanı: Sayfa veya makale içinde tematik gruplar oluşturur. Bölümler, konular veya içerik grupları için kullanılır.

Örnek Kullanım:

Kodu kopyala
<section>
<h2>Bölüm Başlığı</h2>
<p>Bu bölümle ilgili içerik...</p>
</section>
​

5. <aside>​

Kullanım Alanı: Ana içeriğe ek veya tamamlayıcı bilgi sağlar. Yan menüler, bilgi kutuları veya reklamlar için idealdir.

Örnek Kullanım:

Kodu kopyala
<aside>
<h3>Yan Bilgi Kutusu</h3>
<p>Bu, ana içerikle ilgili ek bilgiler içerir...</p>
</aside>
​

6. <footer>​

Kullanım Alanı: Sayfa veya bir bölümün alt bilgisini tanımlar. Telif hakkı bilgileri, yazar bilgileri veya bağlantılar gibi içerikleri içerir.

Örnek Kullanım:

Kodu kopyala
<footer>
<p>&copy; 2024 Web Sitesi. Tüm hakları saklıdır.</p>
</footer>
​

7. <figure> ve <figcaption>​

Kullanım Alanı: Bağımsız içerik, genellikle görseller veya diyagramlar için kullanılır. <figcaption> etiketi, içeriğe açıklama ekler.

Örnek Kullanım:


<figure>
<img src="resim.jpg" alt="Örnek Resim">
<figcaption>Bu, resmin açıklamasıdır.</figcaption>
</figure>
​

8. <main>​

Kullanım Alanı: Belgenin ana içeriğini belirtir. Ana içerik bölgesi için kullanılır ve genellikle bir sayfadaki ana işlevsel içerikleri içerir.

Örnek Kullanım:


<main>
<h1>Sayfa Başlığı</h1>
<p>Ana içerik buraya gelir...</p>
</main>
​

9. <mark>​

Kullanım Alanı: Vurgulanmış veya işaretlenmiş metni tanımlar. Arama sonuçları veya önemli bilgiler için kullanılabilir.

Örnek Kullanım:


<p>Bu cümlede önemli olan <mark>kelime</mark> işaretlenmiştir.</p>
​

10. <time>​

Kullanım Alanı: Tarih veya saat değerini belirtir. Bu etiket, makine tarafından okunabilir zaman bilgilerini belirtmek için kullanılır.

Örnek Kullanım:


<time datetime="2024-06-05">5 Haziran 2024</time>​

​

HTML5, web sayfalarının daha semantik ve erişilebilir olmasını sağlayan birçok yeni etiket sunar. Bu etiketler, sayfa yapısını daha iyi tanımlamak ve içeriği daha anlamlı hale getirmek için kullanılır. Bu sayede, hem geliştiricilerin kodlarını daha düzenli tutmaları sağlanır hem de arama motorları ve erişilebilirlik araçları sayfa içeriğini daha iyi anlayabilir.​