HTML5 DOCTYPE kısa öz, diğerleri gibi değil.
Charset dil tanımlaması ise ;
Yine meta etiketini incelersek alabileceği değerleri görebiliriz. HTML eski sürümlerinde etiketine verilebilen [COLOR=#C58080]scheme [/COLOR]değeri HTML5 ile desteklenmemektedir.
Oluşturduğum sayfa ;
- Header
- Nav
- Aside
- Article
- Footer
[/FONT][FONT=verdana]
Benim hazırladığım tasarım ise ;
[/FONT]http://www.telays.com/replication/html5.html[FONT=verdana]
Kötü olduğuna bakmayın sadece örneklendirme olsun diye =)
[/FONT]
[FONT=verdana]
Tanıyacağımız yeni HTML5 ile gelen etiketler ;
[COLOR=#b22222]HEADER ;
[/COLOR]header etiketi adından da anlaşılacağı üzere başlık için kullanılır. İlla sayfanın tepesinde olacak diye bir şey yok article içinde de kullanılabilirdi. Amaç başlık olması.
[/FONT]
[FONT=verdana]
[COLOR=#b22222]FOOTER ;
[/COLOR]Yine footer etiketide header etiketi gibi belgede birden fazla kere bulunabilir. Alt bilgi içerir. Bu bilgilerde genel telif hakları, iletişim vb.
[/FONT]
[FONT=verdana]
[COLOR=#b22222]ARTICLE ;
[/COLOR]article etiketi bir yazı dizisinde kullanılabilir. Site içinde etiket sayesinde herşeyden bağımsız belirtilir ve dağıtımı kolay olur.
[/FONT]
[FONT=verdana]
[COLOR=#b22222]ASIDE ;
[/COLOR]Kenar bilgisi sidebar gibi düşünebiliriz.
[/FONT]
[COLOR=#b22222]NAV ;[/COLOR]
nav genelde menü yapısı için kullanılır. Örnektede gördüğünüz gibi menü için kullanılmış.
[COLOR=#b22222]VIDEO ;[/COLOR]
video etiketinin daha önce anlatımı yapıldı.
http://www.telays.com/showthread.php?t=89
[COLOR=#b22222]MARK;[/COLOR]
mark etiketinin daha önce anlatımı yapıldı.
http://www.telays.com/showthread.php?t=93
[COLOR=#b22222]FIGURE;
[/COLOR]Figure etiketi içine aldığımız değerin kod bloğu,çizim,foto vb. olduğunu belirtir. figcaption ile bağlantılı kullanılabilir.
[COLOR=#b22222]
FIGCAPTION;
[/COLOR]Figure etiketinde gösterilen olayın başlığını belirler.
[COLOR=#b22222]DETAILS ve SUMMARY ;
[/COLOR]Details ve summary beraber kullanılırlar. Açılır kapanır panel şeklindedir.
Copyright 2012.
Telays.Com
Webmaster Bilgi Merkezi
[COLOR=#b22222]METER ;[/COLOR]
meter genelde bir olayın bir durumun tamamlanmasını bitiş durumunu, o anki durumu grafik ile gösterir.
kullanımı ;
Forum Skoru :
Ticaret Puanı :
[COLOR=#b22222]TIME ;
[/COLOR]Henüz hiç bir tarayıcı tarafından desteklenmiyor.
Tüm browserler desteklemeyebilir dikkatli olmanızı öneririm :)
Kaynak : http://www.telays.com/showthread.php?t=95