IRCRehberi.Net- Türkiyenin En iyi IRC ve Genel Forum Sitesi

HTML5 ile beraber yeni pek çok etiket geldi. Bu etiketlere kısaca göz atalım;

[Üye Olmadan Linkleri Göremezsiniz. Lütfen Üye Olmak için TIKLAYIN...]

<article> etiketi

<article> etiketi, web sayfası üzerine yerleştirilecek haber, makale vb. metinleri tanımlamak ve yerleştirmek için kullanılır.

HTML-Kodu:

<!DOCTYPE html>
 <html>

 <head>

        <meta charset="UTF-8">

        <title>İlk HTML belgesi</title>

    </head>

    <body>      

        <article>

            <h1><br>GOCMEN KUSLAR OPTIMIZASYONU</br>

                (MIGRATING BIRDS OPTIMIZATION)</h1>

            <p><br>2012 yılında New York'ta, Information Sciences dergisinde

            yayınlanan bir makale ile</br> dünya literatürüne giren ve önemli yankılar oluşturan

            optimizasyon algoritması. <br>Yazarlar: Ekrem Duman, Mitat Uysal, Ali Fuat Alkaya</br></p>

        </article>  

    </body>
 </html>

[Üye Olmadan Linkleri Göremezsiniz. Lütfen Üye Olmak için TIKLAYIN...]

<aside> etiketi

<aside> etiketi, esas içerikten ayrı olarak yer almasını istediğiniz içeriği yerleştirecek alanı tanımlamak için kullanılır. Sayfa içinde genellikle bu kısım sidebar olarak da isimlendirilir

HTML-Kodu:

<!DOCTYPE html>
 <html>

 <head>

        <meta charset="UTF-8">

        <title>İlk HTML belgesi</title>

    </head>

    <body>      

        <p>Bu yaz Baltık turu çok ilginçti. Kopenhag,<br>Talinn, Stockholm ve görkemli Sankt Peterburg</br></p>

        <aside>

            <h4>Baltık denizi</h4>

            <p>Kuzey Avrupa'da bir iç denizdir. Almanya, Polonya, <br>Rusya, Finlandiya ve İsveç'in kıyısı vardır.</br></p>

        </aside>

    </body>
 </html>

[Üye Olmadan Linkleri Göremezsiniz. Lütfen Üye Olmak için TIKLAYIN...]

<header> etiketi

<header> etiketi, sayfanın başlığını temsil eder. Genellikle bu eleman sayfanın en üstünde yer alır; genellikle bir logo ya da benzer bir işaret içerebilir.

HTML-Kodu:

<!DOCTYPE html>
 <html>

 <head>

        <meta charset="UTF-8">

        <title>İlk HTML belgesi</title>

    </head>

    <body>       

        <article>

            <header>

                <h1>FUZULİ</h1>

            </header>

            <p>Divan Edebiyatı'nın büyük şairi<br>

            "Selam verdim rüşvet değildir deyu almadılar"</br>

            mısraları ile ünlüdür."</p>

        </article> 

    </body>
 </html>

[Üye Olmadan Linkleri Göremezsiniz. Lütfen Üye Olmak için TIKLAYIN...]

<hgroup> etiketi

<hgroup> etiketi, belgenin yapısı gereği birden çok başlığı bir başlık gibi değerlendirmek için gruplama yaparken kullanılır.

HTML-Kodu:

<header>

  <hgroup>

    <h1>BAŞLIK 1</h1>

    <h2>ALT BAŞLIK 2</h2>

  </hgroup>
 </header>

[Üye Olmadan Linkleri Göremezsiniz. Lütfen Üye Olmak için TIKLAYIN...]

<figcaption> etiketi

<figcaption> etiketi <figure> etiketi içinde yer alarak, görsel hakkında ilave bilgiler vermek için kullanılır.

HTML-Kodu:

<figure>

  <img src="GoogleLogo.png" alt="logo" />

  <figcaption>

    <a href="http://google.com/logo.png">

    Google Logo</a>, daha fazla bilgi için web sayfasını ziyaret ediniz.

  </figcaption>
 </figure>

Yukarıda verilen örnek kodları bir metin editörünü kullanarak ornek.html adlı bir belgeye aşağıdaki gibi kaydederek deneyebilirsiniz:

HTML-Kodu:

<!doctype html>
 <html>

    <head>

        <meta charset="UTF-8">

        <title>İlk HTML belgesi</title>

    </head>

    <body>

        <p>Web Sayfası İçeriği
 <figure>

  <img src="GoogleLogo.png" alt="logo" />

  <figcaption>

    <a href="http://google.com/logo.png">

    Google Logo</a>, daha fazla bilgi için web sayfasını ziyaret ediniz.

  </figcaption>
 </figure>
 </p>

    </body>
 </html>

[Üye Olmadan Linkleri Göremezsiniz. Lütfen Üye Olmak için TIKLAYIN...]

<footer> etiketi

<footer> etiketi sayfanın footer (dipnot) kısmının tanımlanması için kullanılır. Sayfanın en alttaki alandır. Bazı önemli bilgiler, yasal hatırlatmalar buraya yerleştirilir. <header> gibi kullanımı zorunludur.

HTML-Kodu:

<footer>

  <h3 id="yazar">iRcrehberi.Net.com</h3> 
 </footer>

<nav> etiketi

<nav> etiketi, sayfa üzerinde dolaşma (navigation) menüsünün tanımı için kullanılır.

HTML-Kodu:

<nav>

  <h2>Menu</h2>

  <ul>

    <li><a href="#Sayfa1">Sayfa1</a></li>

    <li><a href="#Sayfa2">Sayfa2</a></li>

    <li><a href="#Sayfa3">Sayfa3</a></li>

  </ul>
 </nav>

[Üye Olmadan Linkleri Göremezsiniz. Lütfen Üye Olmak için TIKLAYIN...]

<section> etiketi

<section> etiketi, sayfanın çeşitli kısımlarını birbirinden ayırmak için kullanılır.

HTML-Kodu:

<!DOCTYPE html>
 <html>

 <head>

        <meta charset="UTF-8">

        <title>İlk HTML belgesi</title>

    </head>

    <body>    

        <section>

            <h1>ATTİLA İLHAN</h1>

            <p>Turk edebiyatının 20. yüzyıldaki en büyük

            şairlerinden biridir. Kendine özgü, lirik, çarpıcı yer yer

            sosyal rüzgârlarla dolu bir şiir sunar.

            </p>

        </section>      

        <section>

            <h1>EDİP CANSEVER</h1>

            <p>İkinci Yeni'nin büyük şairi. Kendi yolunda görkemli adımlarla yürüdü. 

            Boğaz meyhanelerinin hırçın şairi.

            Ruhi Bey nasıldır acaba bugün?</p>

        </section>      

    </body>
 </html>

[Üye Olmadan Linkleri Göremezsiniz. Lütfen Üye Olmak için TIKLAYIN...]

Alıntı:

HTML5’Te Temel Elemanlar Ders#1