HTML5 başlangıç yeni etiketleri tanıma

Php, Asp, Perl, Html - HTML5 başlangıç yeni etiketleri tanıma Sponsorlu Bağlantılar [FONT=verdana]HTML5 ile basit bir sayfa hazırladım. Bunuda sizlere kısaca anlatayım dedim. HTML5 DOCTYPE kısa öz, diğerleri gibi değil. [HTML]<!DOCTYPE html>[/HTML] Charset dil tanımlaması ise ; [HTML] <meta charset="ISO-8859-9">[/HTML] ...

Cevapla
HTML5 başlangıç yeni etiketleri tanıma
telays isimli Üye şimdilik offline konumundadır

telays

Webmaster / İstanbul

Standart

HTML5 başlangıç yeni etiketleri tanıma

Alt 23-07-2012 #1
Sponsorlu Bağlantılar

[FONT=verdana]HTML5 ile basit bir sayfa hazırladım. Bunuda sizlere kısaca anlatayım dedim.
HTML5 DOCTYPE kısa öz, diğerleri gibi değil.
[HTML]<!DOCTYPE html>[/HTML]
Charset dil tanımlaması ise ;
[HTML] <meta charset="ISO-8859-9">[/HTML]
Yine meta etiketini incelersek alabileceği değerleri görebiliriz. HTML eski sürümlerinde <meta> etiketine verilebilen [COLOR=#C58080]scheme [/COLOR]değeri HTML5 ile desteklenmemektedir.

Oluşturduğum sayfa ;
  • Header
  • Nav
  • Aside
  • Article
  • Footer

[/FONT]HTML5 başlangıç yeni etiketleri tanıma[FONT=verdana]


Benim hazırladığım tasarım ise ;
[/FONT]Telays.Com[FONT=verdana]
Kötü olduğuna bakmayın sadece örneklendirme olsun diye =)
[/FONT]HTML5 başlangıç yeni etiketleri tanıma
[FONT=verdana]



Tanıyacağımız yeni HTML5 ile gelen etiketler ;
<header>
<footer>
<article>
<aside>
<nav>
<video>
<mark>
<figure>
<figcaption>
<details>
<summary>
[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]HTML5 başlangıç yeni etiketleri tanıma

[HTML]<header></header>[/HTML]
[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]HTML5 başlangıç yeni etiketleri tanıma
[FONT=verdana]
[HTML]<footer></footer>
[/HTML]
[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]HTML5 başlangıç yeni etiketleri tanıma

[HTML]<article></article>[/HTML]
[FONT=verdana]
[COLOR=#b22222]ASIDE ;
[/COLOR]
Kenar bilgisi sidebar gibi düşünebiliriz.
[/FONT]HTML5 başlangıç yeni etiketleri tanıma

[HTML]<aside></aside>[/HTML]

[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ış.
HTML5 başlangıç yeni etiketleri tanıma

[HTML]<nav><a href="/html/">Programlama</a> |<a href="/html5/">Internet Admin</a> |<a href="/css/">E-Ticaret</a> |</nav>[/HTML]
[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ı.
HTML5 <mark> etiketinin kullanımı

[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.

HTML5 başlangıç yeni etiketleri tanıma

[HTML]<figure><img src="http://www.telays.com/telays.png" alt="Telays" />
<figcaption>Telays.Com Destek Banneri</figcaption>
</figure>[/HTML]

[COLOR=#b22222]DETAILS ve SUMMARY ;
[/COLOR]Details ve summary beraber kullanılırlar. Açılır kapanır panel şeklindedir.
HTML5 başlangıç yeni etiketleri tanıma

[HTML]<details><summary>Copyright 2012.</summary><p> Telays.Com</p><p> Webmaster Bilgi Merkezi</p></details>[/HTML]

[COLOR=#b22222]METER ;[/COLOR]
meter genelde bir olayın bir durumun tamamlanmasını bitiş durumunu, o anki durumu grafik ile gösterir.
HTML5 başlangıç yeni etiketleri tanıma

kullanımı ;
[HTML]Forum Skoru : <meter value="8" min="0" max="10"></meter><br />
Ticaret Puanı : <meter min="0" low="40" high="90" max="100" value="95"></meter><br/>[/HTML]

[COLOR=#b22222]TIME ;
[/COLOR]
Henüz hiç bir tarayıcı tarafından desteklenmiyor.
[HTML]<time>10.06.2012</time>[/HTML]

Tüm browserler desteklemeyebilir dikkatli olmanızı öneririm HTML5 başlangıç yeni etiketleri tanıma

Kaynak : HTML5 başlangıç yeni etiketleri tanıma
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

centrual isimli Üye şimdilik offline konumundadır

centrual

Webmaster / İstanbul

Standart
Alt 15-08-2012 #2
                             Sponsorlu Bağlantılar
Html 5 Shiv ile tüm browserlarda düzgün çalıştırabilirsiniz :
html5shiv - HTML5 IE enabling script - Google Project Hosting
Bu mesajdan alıntı yap
Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
HTML5 Pack sheen Illustrator Soru ve Sorunlarınız 0 16-02-2012 18:52:43
html5 eğitim seti erxomiger Web Tasarımı 1 25-06-2011 00:09:39
Yeni Yıl Fiyat Etiketleri- (İşe Yarar) aydns7 Vektörel 1 03-12-2009 09:43:48
Ders 2 - Dw Arayüzünü Tanıma Ali Emre Dreamweaver 6 25-01-2009 05:36:48
yeni bir başlangıç empty Hoşgeldiniz 6 11-06-2007 00:21:06

Kapat
Şifremi Unuttum?