Abdulaziz Akyol

HTML 5 Yapısal Etiketler ve

HTML5
1 Ekim 2018 · 1 dk okuma · Abdulaziz Akyol

<aside>


  • <aside> genellikle web sayfasındaki ana unsur ile ilgili bilgi veren bölümdür ve kenar çubuğu(sidebar) olarak sayfada yer alır.

  • Mesela <aside> içerisinde sayfadaki yazıyı yazan hakkında veya yazarın diğer yazıları hakkında bilgiverilebilir.

  • Veya bir turizm yöresi sayfada anlatılıyorsa <aside> içinde o yöredeki konaklama imkanlarından bahsedilebilir veya bağlantıverilebilir.

<p>Ayder,Rize’de bulunan ladin ve kayın ormanlarıyla kaplı bir yayladır.</p>

<aside>
<h4>Ayder Kaplıcaları</p>

<p>Ayder kaplıcalarından ziyaretçilerin faydalanması için modern tesisler inşa edilmiştir.</p>
</aside>

<nav>


  • <nav> etiketi aynı sayfa içerisinde başka bölümlere ulaşmak veya başka sayfalara bağlantı vermek için kullanılır.

  • Diğer bir tabirle menü elemanıdır.

    Örn:

    <nav>
    <a href=“/html/#nav”>HTML nav etiketi</a>| <a href=“/css/”>CSS</a>|
    <a href=“/js/”>JavaScript</a>|

    </nav>


<figure> ve <figcaption>


  • <figure>etiketikendiiçerisinde resim,fotoğraf,diyagram vb. görsel elemanları içerir.

  • İçerdiği görsel sayfada anlatılan konu ile ilgili bir görsel olur.

    • <figure>etiketiiçerisindekigörselileberaber çıkarıldığında sayfanın genel yapısı ve anlatımı bozulmamalıdır.



• <figure> etiketi içerisinde yer alan <figcaption>etiketi de görsel ile ilgili kısa bilgi verir.

Örn:<figure>

<img src=“isikli.jpg” alt=“Işıklı”>

<figcaption>Fotoğraf 1 – Işıklı,Ardeşen,Rize</figcaption></figure>

<footer>

• Bulunduğu bölüm veya sayfa hakkında altbilgi içerir.

• Web sayfasının altbilgisi ise altmenüleri içerebilir.

• <article>’ın alt yazısını oluşturuyor ise<article>’da ki yazı hakkında bilgi verebilir veya yazarın ad-soyadı yazılabilir.

Örn:<article>

- - -

<footer>
<p>Yazarı Ferit Akarsu</p><p>29/11/2013</p>

</footer> </article>

İletişim

Konuşalım.