22-11-2020, Saat: 12:24
<nav> öğesi, sayfanın diğer sayfalara veya sayfa içindeki bölümlere bağlantı veren bir bölümünü gösterir: gezinme bağlantılarına sahip bir bölümdür.
Bir belgenin tüm bağlantılarının <nav> öğesinin içinde olması gerekmez. Ancak <nav> öğesi yalnızca büyük gezinme bağlantı bloğu için tasarlanmıştır.
Engelliler için ekran okuyucular gibi tarayıcılar bu öğeyi, içeriğin ilk oluşturulmasını ihmal edip etmemeyi belirlemek için kullanabilir.
Bir belgenin tüm bağlantılarının <nav> öğesinin içinde olması gerekmez. Ancak <nav> öğesi yalnızca büyük gezinme bağlantı bloğu için tasarlanmıştır.
Engelliler için ekran okuyucular gibi tarayıcılar bu öğeyi, içeriğin ilk oluşturulmasını ihmal edip etmemeyi belirlemek için kullanabilir.
Kod:
<nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>Kod:
<body>
<h1>Bir Sayfa Örneği</h1>
<nav>
<ul>
<li><a href="/">AnaSayfa</a></li>
<li><a href="/events">Etkinlikler</a></li>
...more...
</ul>
</nav>
<article>
<header>
<h2>Örnek Bir Yazı Başlığı</h2>
<p>yazar ile ilgili detaylar</p>
</header>
<nav>
<ul>
<li><a href="#genel">Genel Bilgi</a></li>
<li><a href="#diger">Diğer Bilgiler</a></li>
...more...
</ul>
</nav>
<div>
<section id="genel">
<h2>Genel Bilgi</h2>
<p>...daha...</p>
</section>
<section id="diger">
<h2>Diğer Bilgiler</h2>
<p>...daha...</p>
</section>
...daha...
</div>
<footer>
<p><a href="?duzen">Düzenle</a> | <a href="?sil">Sil</a> | <a href="?incele">İncele</a></p>
</footer>
</article>
<footer>
<p><small>© orneksayfalar.com</small></p>
</footer>
</body>