HTML <aside> Etiketi | 𝗣𝗥𝗢𝗧𝗢𝗧𝗨𝗥𝗞

<aside> Etiketi

HTML5

Web sayfanın içeriği ile alakalı ilişkili içerikleri işaretlemek için kullanılır, ancak sayfanın ana içeriğini oluşturmaz. Örneğin yazar bilgisi, içerik ile ilgili bağlantılar, bağlantılı içerikler, reklamlar ve sidebar olarak tanımladığımız alan için kullanımı uygundur.

Yapısı (Syntax)<aside> .. </aside>

NOT

Bu etiketin kullanımıyla ilgili bazı anlaşmazıklar olduğu biliniyor. Genel olarak kullanım alanları şöyledir;
- Kaynak belirtme ya da son notlar
- Yorumlar
- Alıntılar
- Ek bilgiler
- İçerikten bağımsız kenar alanı (sidebar)

Etiket Türü	Kapanan Etiket
Görünüm	Blok
Kullanım	Yapısal

Varsayılan CSS Değerleri

aside {
  display: block;
}

Örnekler

Birden fazla kullanım alanıyla ilgili bir örnek vermek gerekirse;

<main>
    <article>
        <header>
            <!-- makale ile ilgili üst bilgiler -->
            <h1>Makale Başlığı</h1>
        </header>
        <!-- Makale içeriği -->
        <main>
            <!-- Alıntılar -->
            <aside>

            </aside>
        </main>
        <!-- Yorum Alanı -->
        <aside>

        </aside>
        <!-- Makale alt bilgileri (Tarih, Etiketler, Kategoriler, Menü) -->
        <footer>

        </footer>
    </article>
</main>
<!-- Web sayfası sidebar alanı: Reklamlar, Benzer İçerikler, İlgili linkler, Giriş formları vb. -->
<aside>
    
</aside>

Editörde Görüntüle

tayfunerbilen

1683 gün önce eklendi - 7562 kez görüntülendi.

Github'da Düzenle