HTML5 başlangıç yeni etiketleri tanıma - Baskı Önizleme +- MyBB Depo Forum (https://mybbdepo.com) +-- Forum: Webmaster Deposu (https://mybbdepo.com/webmaster-deposu-forumu) +--- Forum: Web Tabanlı Kodlama Dilleri (https://mybbdepo.com/web-tabanli-kodlama-dilleri-forumu) +---- Forum: Html (https://mybbdepo.com/html-forumu) +---- Konu Başlığı: HTML5 başlangıç yeni etiketleri tanıma (/html5-baslangic-yeni-etiketleri-tanima-konusu.html) |
HTML5 başlangıç yeni etiketleri tanıma - telays - 15-07-2012 HTML5 ile basit bir sayfa hazırladım. Bunuda sizlere kısaca anlatayım dedim. HTML5 DOCTYPE kısa öz, [URL="http://en.wikipedia.org/wiki/Doctype"]diğerleri[/URL] gibi değil. Kod: <!DOCTYPE html> Kod: <meta charset="ISO-8859-9"> Oluşturduğum sayfa ;
Benim hazırladığım tasarım ise ; http://www.telays.com/replication/html5.html Kötü olduğuna bakmayın sadece örneklendirme olsun diye =) Tanıyacağımız yeni HTML5 ile gelen etiketler ; Kod: <header> HEADER ; 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ı. Kod: <header></header> FOOTER ; Yine footer etiketide header etiketi gibi belgede birden fazla kere bulunabilir. Alt bilgi içerir. Bu bilgilerde genel telif hakları, iletişim vb. Kod: <footer></footer> article etiketi bir yazı dizisinde kullanılabilir. Site içinde etiket sayesinde herşeyden bağımsız belirtilir ve dağıtımı kolay olur. Kod: <article></article> ASIDE ; Kenar bilgisi sidebar gibi düşünebiliriz. Kod: <aside></aside> NAV ; nav genelde menü yapısı için kullanılır. Örnektede gördüğünüz gibi menü için kullanılmış. Kod: <nav><a href="/html/">Programlama</a> |<a href="/html5/">Internet Admin</a> |<a href="/css/">E-Ticaret</a> |</nav> video etiketinin daha önce anlatımı yapıldı. http://www.telays.com/showthread.php?t=89 MARK; mark etiketinin daha önce anlatımı yapıldı. http://www.telays.com/showthread.php?t=93 FIGURE; 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. FIGCAPTION; Figure etiketinde gösterilen olayın başlığını belirler. Kod: <figure><img src="http://www.telays.com/telays.png" alt="Telays" /> DETAILS ve SUMMARY ; Details ve summary beraber kullanılırlar. Açılır kapanır panel şeklindedir. Kod: <details><summary>Copyright 2012.</summary><p> Telays.Com</p><p> Webmaster Bilgi Merkezi</p></details> METER ; meter genelde bir olayın bir durumun tamamlanmasını bitiş durumunu, o anki durumu grafik ile gösterir. kullanımı ; Kod: Forum Skoru : <meter value="8" min="0" max="10"></meter><br /> TIME ; Henüz hiç bir tarayıcı tarafından desteklenmiyor. Kod: <time>10.06.2012</time> Tüm browserler desteklemeyebilir dikkatli olmanızı öneririm Kaynak : http://www.telays.com/showthread.php?t=95 |