Blog
Anasayfa Html5 Html5 Dili Etiketler...
Html5 Dili Etiketleri
Aykut Erdoğan Tarafından Yazıldı!
1988 Okunma
Html5
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.
yaklaşık 4 yıl önce
dropzone, draggable, html5, contenteditable, spell...
Yorumlar
Yorum Yok
 
Yorum Yap
Makalelerden Haberdar Ol
Sponsorlu Bağlantılar
Çok Okunanlar
Jquery ile Veritabanında...
 28951 Okunma
Php ve Ajax ile Sayfa Yen...
 14043 Okunma
Php ve Xml ile Dinamik Si...
 10064 Okunma
Javascript ile Saat Yapı...
 9019 Okunma
Pdo ile Mysql'den Ve...
 8048 Okunma
Son Yorumlar
Metin Ersal
Teşekkürler...
Ümit Akdeniz
Çok teşşekür ede...
Ahmet K.
Sözlüğün &cced...
Zekeriya Yavuz
Tesekkurler gayet başarılı ...
Aykut Erdoğan
Mail adresinize gönderild...
TAKİPTE KALIN!
Mesaj Gönder
Tasarım - Kodlama : Aykut Erdoğan
 
Makale Önizleme
Jquery ile Veritabanından Sayfa Yenilenmeden Veri...
Merhaba arkadaşlar. Bu makalemizde veritabanından sayfamıza çektiğimiz kayıtları yeni kayıt eklendiğinde, silindiğinde ve güncellendiğinde sayfa yenilenmeden otomatik olarak web sayfamızda göstereceğiz. Örnek olarak Facebook ve Twitter'ı verebiliriz. Bu işlemi php ve jquery yardımı ile yapacağız. Şimdi kodlarımıza geçelim. index.php<!DOCTY...
yaklaşık 4 yıl önce | Javascript
Devamı
Makale Önizleme
Php ve Ajax ile Sayfa Yenilenmeden Veritabanına K...
Merhabalar, bu makalemizde ajax ile veritabanına kayıt işlemini anlatacağım. Öncelikle html kodlarla başlayacağız. Sonrasında javascript ve php kodlarımıza geçeceğiz. Şimdi index.php sayfası html kodlarımıza geçelim. <html> <head> <meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" /> <title> Ajax Kay...
yaklaşık 5 yıl önce | Javascript
Devamı
Makale Önizleme
Php ve Xml ile Dinamik Site Haritası Oluşturma
Merhaba arkadaşlar. Bu makalemizde sitemizin sayfalarını arama motorlarına sunan sitemap sayfamızı yapacağız. Alışılmışın aksine bu sayfamızı dinamik olarak yani içerik girildikçe kendi kendini güncelleyecek şekilde yapacağız. Öncelikle mantığını anlatayım. Sadece xml ile bunu yapmamız mümkün olmadığından php'den yardım alacağız...
yaklaşık 5 yıl önce | Php
Devamı
Makale Önizleme
Javascript ile Saat Yapımı
Merhaba arkadaşlar. Bu makalemizde javascript yardımıyla saat yapacağız. Mantığını anlatalım öncelikle. O anki saati, dakikayı ve saniyeyi javascript yardımı ile alıyoruz ve bir nesneye atıyoruz. Bu kadar basit. Şimdi kodlarımıza geçelim. <html> <head> <title>Saat</title> <style type="text/css"> #div { f...
yaklaşık 5 yıl önce | Javascript
Devamı
Makale Önizleme
Pdo ile Mysql'den Veri Çekme ve Listel...
Merhaba arkadaşlar. Bu makalemizde pdo ile mysql veritabanımızdan veri çekip listeleyeceğiz. Tekli veri çekmeyi ve çoklu veri çekmeyi anlatacağım. Öncelikle bağlantı kodlarımızı yazacağız. baglanti.phptry{ $db = new PDO('mysql:host=localhost;dbname=pdokayit','root','root'); $db->exec('SET CHARACTER SET utf8...
yaklaşık 3 yıl önce | Php
Devamı
Makale Önizleme
Css Resim Efektleri
Merhaba arkadaşlar. Bu makalemizde css filtre efektlerinden bahsedeceğim. Aynı zamanda örneklerle göstereceğim. Filtre efektleri photoshop ve benzeri programlarla yapabildiğimiz efektleri bir kaç satır kod ile yapabilmemizi sağlıyor. Üstteki görselde görüldüğü üzere toplamda 9 adet efektimiz bulunmaktadır. Aşağıda yapacağımız &oum...
yaklaşık 2 yıl önce | 1 Yorum
Devamı
Makale Önizleme
Jquery ile Veritabanından Sayfa Yenilenmeden Veri...
Merhaba arkadaşlar. Bu makalemizde veritabanından sayfamıza çektiğimiz kayıtları yeni kayıt eklendiğinde, silindiğinde ve güncellendiğinde sayfa yenilenmeden otomatik olarak web sayfamızda göstereceğiz. Örnek olarak Facebook ve Twitter'ı verebiliriz. Bu işlemi php ve jquery yardımı ile yapacağız. Şimdi kodlarımıza geçelim. index.php<!DOCTY...
yaklaşık 4 yıl önce | 13 Yorum
Devamı
Makale Önizleme
Php Sözlük Uygulaması
Merhaba arkadaşlar. Bu dersimizde tr-ing | ing-tr sözlük yapacağız. Öncelikle mantığını anlatmak istiyorum. Forma girilen kelimeyi ve radio butonlar vasıtasıyla seçilen dili cevir.php sayfamıza gönderiyoruz. Burada öncelikle bağlantı kodlarımızı yazıyoruz ardından POST ile aldığımız değerler ile veritabanında sorgulama yapıyoruz ve girilen ke...
yaklaşık 6 yıl önce | 44 Yorum
Devamı
Makale Önizleme
Php ve Ajax ile Sayfa Yenilenmeden Veritabanına K...
Merhabalar, bu makalemizde ajax ile veritabanına kayıt işlemini anlatacağım. Öncelikle html kodlarla başlayacağız. Sonrasında javascript ve php kodlarımıza geçeceğiz. Şimdi index.php sayfası html kodlarımıza geçelim. <html> <head> <meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" /> <title> Ajax Kay...
yaklaşık 5 yıl önce | 6 Yorum
Devamı
Makale Önizleme
Php Sözlük Uygulaması
Merhaba arkadaşlar. Bu dersimizde tr-ing | ing-tr sözlük yapacağız. Öncelikle mantığını anlatmak istiyorum. Forma girilen kelimeyi ve radio butonlar vasıtasıyla seçilen dili cevir.php sayfamıza gönderiyoruz. Burada öncelikle bağlantı kodlarımızı yazıyoruz ardından POST ile aldığımız değerler ile veritabanında sorgulama yapıyoruz ve girilen ke...
yaklaşık 6 yıl önce | 44 Yorum
Devamı
KISIM SEÇ
 
8 Kategori
75 Makale
89 Yorum
 
 
7 Albüm
29 Tasarım
 
 
7 Proje
Bu Makaleyi Okudunuz mu?
 
  Html5 Content Model (İçerik Modeli)