HTML5 Etiketleri – 1
HTML5’in zenginliği yanında bir okadar olan kolaylığı ayrı bir lezzet veriyor.Bu yazımda önemli gördüğüm dikkate değer bazı HTML5 elemanlarını inceleyeceğiz.
DRAGGABLE
Herhangi bir HTML elemanının sürüklenebilir özellik kazandırılıp kazandırılmayacağını ayarlar.”True” ya da “False” değerlerine göre, sürüklenebilir özellikli olabilir veya olamaz.Ancak “Auto” özelliği verilirse, kullanılan tarayıcıdaki varsayılan değer kullanılır.
DROPZONE
Sürükle- bırak işleminde, bırakma anında ne olacağını bu özellikle tanımlayabiliyoruz.Eğer “Copy” değeri verilirse, sürükleme işleminin bittiği Location’da sürüklenen verinin kopyasını oluşturur.”Move” değeri verilirse, sürüklenen nesne sürükleme işleminin bittiği Location’a taşınır.
ID
HTML elemanlarına benzersiz isim vermek için kullanılır.Bir nevi nesneler arasında kimlik numarasına benzer.Her nesnenin id özelliği kendine öz olmalıdır.Jquery ve JavaScript gibi dillerde HTML nesneleri üzerinde işlemler yapılacaksa, Client tabanlı olan bu programlama dilleri ile, HTML nesneleri id özelliklerinden yakalanıp işlem yapılmaktadır.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Örnek</title>
<style type="text/css">
#Alan
{
width:100px;
height:100px;
background-color:#99FF00;
font-family:"Arial Black", Gadget, sans-serif;
color:#FF0000;
}
</style>
<script type="text/javascript">
function Goster()
{
var Metin = document.createTextNode("Yeni bir yazi");
//document anahtar sözcüğü bu sayfa demektir.
//createTextNode metodu ise, Metin değişkeninin değerine aldığı parametreyi
//metinsel olarak atar.
var Div = document.getElementById("Alan");
//getElementById metodu ise, aldığı parametre ismindeki HTML nesneyi yakalar.
Div.appendChild(Metin);
//appendChild metodu ise, aldığı parametreyi, Div değişkenindeki HTML nesnesinin
//içeriğine atar.
}
</script>
</head>
<body>
<div id="Alan" onMouseOver="Goster();">
</div>
</body>
</html>
Yukarıdaki örnekte id etiketinin önemine değinilmiştir.
LANG
HTML nesnelerinin içerdikleri metinsel değerlerin dil yapılandırması için kullanılır.
Türkçe : tr, Almanca : de, İngilizce : en
SPELLCHECK
TextArea, Input ya da düzenlenebilir HTML nesnelerin de, metinsel ifadeler için dilbilgisi ve yazım yanlışlarını kontrol eden bir elemandır.
