Merhaba arkadaÅŸlar. Bu makalede html5 dili içerisindeki tüm etiketler anlatılacaktır. Bu makaleden önce Html5 Ä°çerik Modeli makalesini de okumanızı öneririm.

HTML5 ELEMANLARI
» accesskey
» id
» class
» lang
» contenteditable
» spellcheck
» contextmenu
» style
» dir
» tabindex
» draggable
» title
» dropzone
» hidden

ACCESSKEY
Kullanılabilen Değerler : Karakter (harf)
Klavye kısayolu tanımlamak için kullanılan Html5 elemanıdır.

CLASS
Kullanılabilen DeÄŸerler : Sınıf Seçici Adı
EtiketlendirilmiÅŸ bir css bloÄŸunu html elemanına atamak için kullanılır.

.yazırenk {

color:#333333;

font-family: Tahoma;

font-size:13px;

}

<div class="yazirenk">

Bu bir denemedir.

</div>

CONTENTEDITABLE
Kullanılabilen Değerler : False, True
Eleman içeriÄŸinin düzenlenebilirliÄŸini kontrol altına almak için kullanılır. Bu etikete true deÄŸeri atanmış ise eleman içeriÄŸi kullanıcı tarafından düzenlenebilir. False deÄŸeri atanmış ise kullanıcı tarafından güncellenemeyecektir.

<div contenteditable></div>

Bu kullanımı hatalı bir kullanımdır.

<div contenteditable="true"></div>

Bu kullanım doğrudur.

CONTEXTMENU
Kullanılabilen Değerler : id değeri
Bir elemanı menu ile birbirine baÄŸlamak için kullanılır.

DIR
Kullanılabilen Değerler : auto, rtl(sağdan sola), ltr(soldan sağa)
Girilen html elemandaki metnin yazılma yönünün ayarlanmasında kullanılır.

DRAGGABLE
Kullanılabilen Değerler : auto, true, false
Bir html elamanının taşınabilirliÄŸinin kontrolü saÄŸlanır. True deÄŸeri girildiÄŸinde nesne fare ile taşınabilir, false deÄŸeri girildiÄŸinde taşınamaz ve auto özelliÄŸi girildiÄŸinde web tarayıcının varsayılan deÄŸeri baz alınır.

DROPZONE
Kullanılabilen Değerler : move, link, copy
Drag-Drop (Sürükle-Bırak) iÅŸlemlerinde, tıklamayı bırakma anındaki web tarayıcısının ne yapacağını belirlemek için kullanılır.
» move deÄŸeri atandığında, sürüklenen nesne taşıma iÅŸleminin bittiÄŸi yere taşınır.
» link deÄŸeri atandığında, sürükleme iÅŸleminin bittiÄŸi yerde sürüklenen nesnenin linkini oluÅŸturur.
» copy deÄŸeri atandığında, sürüklenen nesne taşıma iÅŸleminin bittiÄŸi yere kopyalanır.

ID
Kısacası id ile html elemanlarımıza bir kimlik tanımlamış oluruz. Bu kimliÄŸe javascript ve css ile özellik atayabiliriz.

Css ÖrneÄŸimiz :

#iddegerimiz {

height: 100px;

width: 100px;

background-color:#ff0000;

}

Javascript ÖrneÄŸimiz :

var degiskenimiz = document.createTextNode("id deÄŸerimiz");

LANG
Kullanılabilen Değerler : tr, en gibi dil kısaltmaları.
Html dosyalarımızın dilini ayarlamak için kullanılır.

SPELLCHECK
Kullanılabilen Değerler : false, true
Bu deÄŸere true deÄŸeri atanmış ise eleman içeriÄŸine girilen metnin yazım hataları ve dilbilgisi denetlenir. False deÄŸeri atanmış ise denetlenmez. Bu özellik sadece düzenlenebilir elemanlarda kullanılabilir. Örnek olarak input, textarea ve contenteditable özelliÄŸi true atanmış elemanlarda kullanılabilir.

STYLE
Bu özelliÄŸi kullanarak html elemanlarımıza satır içi css kodları yazabiliriz. Satır içi css kodlar genel tanımlanan kodu ezmektedir.

TABINDEX
Kullanılabilen Değerler : Sayı
Html elemanlarımızın sekme sırasını belirler.

TITLE
Kullanılabilen Değerler : Metin, Sayı
Html sayfamızın baÅŸlığında görüntülenecek yazıyı bu etiket sayesinde yazmaktayız.

HIDDEN
Kullanılabilen Değerler : Hidden
Html nesneleri gizlemek için kullanılır.