HTML, bir web sayfasını ve içeriğini yapılandırmak için kullanılan koddur. Örneğin, içerik bir dizi paragraf, madde işaretli noktalar listesi veya resimler ve veri tabloları kullanılarak yapılandırılabilir.
Bakınız: HTML Kodları ve Anlamları
<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.
Örnek 1:
1 2 3 4 5 6 7 8 | <nav> <a href="/html/">HTML</a> | <a href="/css/">CSS</a> | <a href="/js/">JavaScript</a> | <a href="/jquery/">jQuery</a> </nav> |
Örnek 2:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | <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> |
Daha fazla örnek için HTML Kod Örnekleri yazısını okuyabilirsiniz.