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ı