Aside ve address

<aside> ve <address> etiketlerinin ne zaman kullanılacağını öğrenirsin.

Aside etiketi

<aside> etiketi asıl içeriğin yanında duran, onu tamamlayan içeriği işaretler. Yan menü, ilgili bağlantılar, ilan ya da not kutusu gibi bölümler için kullanılır. Asıl içerikten ayrı da okunabilir.

Örnek: <aside><h2>İlgili Yazılar</h2><ul><li>Başka bir yazı</li></ul></aside>. Burada yan tarafta gösterilecek ek içerik toplanır. Asıl akıştan ayrıldığı için ekran okuyucu da burayı 'ek içerik' olarak okur.

Address etiketi

<address> etiketi iletişim bilgisini işaretler. İçine e-posta, telefon, adres ya da sosyal medya bağlantısı gibi bilgiler konur. En sık <footer>'ın içinde yer alır.

Örnek: <address><a href="mailto:info@dernek.org">info@dernek.org</a></address>. Burada yazar ya da site sahibinin iletişim bilgisi işaretlenir. Arama motorları ve ekran okuyucular bunun iletişim olduğunu anlar.

Uygulama Aside ve address yaz

Body içine bir <aside> ekle; içinde bir <h2> olsun, metni İletişim olsun. Aside içine bir <address> ekle ve içine bir <a href="mailto:info@dernek.org">Bize yazın</a> koy.

Örnek çözümü göster

<body>
  <aside>
    <h2>İletişim</h2>
    <address>
      <a href="mailto:info@dernek.org">Bize yazın</a>
    </address>
  </aside>
</body>

Kendini test et

Aşağıdakilerden hangisi <aside> için uygun bir içeriktir?
- İlgili yazılar listesi
- Ana yazı başlığı
- Sayfanın alt kısmı
- Form alanı
Cevabı göster

İlgili yazılar listesi — Doğru. İlgili yazılar listesi asıl içeriğin yanında duran tamamlayıcı içeriktir.

Address'i tamamla

<____>
  <a href="mailto:info@dernek.org">info@dernek.org</a>
</address>

Cevabı göster

<address>
  <a href="mailto:info@dernek.org">info@dernek.org</a>
</address>

Etiketi rolüyle eşleştir

<aside>

Yan içerik
<address>

İletişim bilgisi
<footer>

Alt kısım
<a>

Bağlantı

Sıradaki ders: Özet - Anlamsal blog iskeleti

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler