PAYLAŞ
html5 gövde etiketi
HTML5 Etiketleri

Sayfanın gövdesini oluşturan elemandır. Tarayıcıda gösterilecek tüm html5 gövde etiketi elemanları buraya yazılır.

Özellikleri : Standart özellikler,
DOM Arayüzü : HTMLBodyElement
Varsayılan Görüntü Özellikleri :
body {
display : block;
margin : 8px ;}
body:focus {
display : none ;}

Kullanımı : Açılış ve kapanış etiketleri gereklidir.

SECTION

Sayfa içerisinde genel bölümler (ana içerik bölümü ya da diğer bölümler) oluşturmak için kullanılır. HTML5 bu elemanı mantıksal yani tematik alanlar (örneğin; eğer şöyle derseniz birinci section elemanı içerisinde bulunan etiketler sayfanın ana içerik bölümünü oluşturuyor. Bu durumda section elemanının oluşturduğu alan mantıksal bir olarak ifade edilebilir) oluşturmak için tanımlasa da biz section elemanını sadece mantıksal alanlar oluşturmak için değil aynı zamanda div elemanının yerine biçimlendirilmiş ana bölümler oluşturmak içinde kullanabiliriz.

Özellikleri : Standart Özellikler
DOM Arayüzü : HTMLElement
Varsayılan Görüntü Özellikleri : 
section {
display:block; }
Kullanımı : Açılış ve kapanış etiketleri gereklidir.

NAV

Navigasyon (yönlendirme, link) alanları oluşturmak için kullanılır. Burada şunu belirtelim nav html5 gövde etiketi elemanı link oluşturmak için kullandığımız a elemanının ya da ul ile ol elemanlarının yerlerine kullanılmaz. Sadece bu elemanları kapsar (başka elemanları da kapsayabilir) ve içerdiği eleman grubunu bir navigasyon alanı olarak tanımlar.

Özellikleri : Standart Özellikler
DOM Arayüzü : HTMLElement
Varsayılan Görüntü Özellikleri : 
nav {
display: block; }
Kullanımı : Açılış ve kapanış etiketleri gereklidir.

Örnek :


<div id=”menu”>
<ul>
<li><a href=”#”>Birinci Link</a></li>
<li><a href=”#”>İkinci Link</a></li>
<li><a href=”#”>Üçüncü Link</a></li>
<li><a href=”#”>Dördüncü Link</a></li>
</ul>
</div>


Şeklinde bir kullanım yerine aşağıdaki kullanımı tercih edebilirsiniz.


<nav>
<ul>
<li><a href=”#”>Birinci Link</a></li>
<li><a href=”#”>İkinci Link</a></li>
<li><a href=”#”>Üçüncü Link</a></li>
<li><a href=”#”>Dördüncü Link</a></li>
</ul>
</nav>

ARTICLE

Sayfanın ana içerik alanında anlamsal bir bütünlüğü olan, yani farklı konu başlıklarına ya da davranışlarına göre ayrılmış alt bölümler oluşturmak için kullanılır. Örneğin; bir blog sayfasında ana içerik bölümü içindeki farklı blog yazı alanlarını bu elemanla oluşturabilirsiniz ya da gazete, dergi ve makaleleri içeren alanlar, kullanıcı girişi, kullanıcı yorumları gibi alanları bu elemanla oluşturmanız mümkündür. article html5 gövde etiketi elemanını kullanarak biçimlendirdiğiniz alanları sayfanın değişik bölgelerinde kullanabilirsiniz.

Özellikleri : Standart Özellikler
DOM Arayüzü : HTMLElement
Varsayılan Görüntü Özellikleri : 
article {
display : block; }
Kullanımı : Açılış ve kapanış etiketi gereklidir.

ASIDE

HTML5 aside etiketi içerik bölümleri ile alakalı ek bilgi alanları oluşturmak için kullanabileceğiniz html5 gövde etiketi elemanıdır. Sayfanın ana bölümlerinin dışında sayfa kenarlarında reklam alanları, yan açıklama ve ek bilgi alanları oluşturmak için de kullanılabilir.

Özellikleri : Standart Özellikler
DOM Arayüzü : HTMLElement
Varsayılan Görüntü Özellikleri :
aside {
display : block ;}
Kullanımı : Açılış ve kapanış etiketleri gereklidir.