HTML 5 taslak, yeni ne var? | SuAygırı.Com

HTML 5 taslak, yeni ne var?

Yazan: Sinan Taga

W3 Konsorsuyumu HTML’in yeni sürümü olan 5. sürümün taslak versiyonu 22 Ocak 2008′de yayınladı. Taslak sevenler buradan bakabilirler.

Eklenen ve çıkartılan bir sürü yeni eitket (tag) ve özellik (attribute) var. Bunların dışında daha önceki HTML sürümleri ile geri uyumlu olarak tasarlanmış.

  • section
  • article dokümandan bağımsız bir içeriği tanımlıyor (blog girdisi veya gazete alınıtısı gibi)
  • aside Dökümanın geri kalanı ile çok az ilgisi olan içerik için
  • header bir bölümün başlığı
  • footer dipnot
  • nav sayfanın navigasyon için ayrılmış kısmını belirleyen etiketler.
  • dialog Bir diyalog yada konuşmayı tanımlamak için
    <dialog>
    
     <dt> Costello
    
     <dd> Look, you gotta first baseman?
    
     <dt> Abbott
    
     <dd> Certainly.
    
     <dt> Costello
    
     <dd> Who's playing first?
    
     <dt> Abbott
    
     <dd> That's right.
    
     <dt> Costello
    
     <dd> When you pay off the first baseman every month, who gets the money?
    
     <dt> Abbott
    
     <dd> Every dollar of it.
    
    </dialog>
  • figure bir grafik veya video gibi gömülü bir içeriği ve başlığı ilişkilendirmek için kullanılabilir.
    <figure>
    
     <video src=ogg>…</video>
    
     <legend>Example</legend>
    
    </figure>
  • audio ve video çokluortam içerikleri için. Her ikiside yazarların (html yazarı) kendi betiklerini yazarak kendi arayüzlerini tanımlasına sağlayan bir API içeriyor.
  • embed eklentiler (plugin) için
  • m işaretlenmiş metin için
  • meter bir ölçümü tanımlamak için (ör: disk alanı gibi)
  • time tarih veya zaman
  • canvas dinamik bitmap grafiklerinin anında yaratılması ile ilgili
  • command kullanıcının çağırabileceği bir komut için
  • datagrid bir ağaç listesi veya tablo verisinin interaktif sunumu için
  • details kullanıcının istediği takdirde elde edebileceği ek bilgi veya kontrollar
  • datalist combo kutular yapmak için (input etiketine yeni eklenen list özelliği ile)
    <input list=browsers>
    
    <datalist id=browsers>
    
     <option value="Safari">
    
     <option value="Internet Explorer">
    
     <option value="Opera">
    
     <option value="Firefox">
    
    </datalist>
  • datatemplate, rule, ve nest elemanları HTML için şablon mekanizması sunuyor
  • event-source sunucu olaylarını yakalamak için
  • output bir çıktıyı tanımlıyor. Örneğin bir betiğin sonucu gibi.
  • progress bir görevin tamamlanma durmunu göstermek için, download gibi

input elemanının type özelliğinde ise yeni seçenkler var.

  • datetime
  • datetime-local
  • date
  • month
  • week
  • time
  • number
  • range
  • email
  • url

Bunlar sadece yeni eklenen etiketlerin listesi. Tüm taslak için buraya, HTML 4 ile arasındaki farklar içinse buraya bakabilirsiniz.

Görünen o ki HTML giderek daha karmaşık bir hal alıyor. Ama güzel olan artık daha fazla özelliğe ve dolayısı ile daha fazla seçeneğe sahip olması. Tabii ki gene bir sürü şey yaratıldıkları amaçlardan farklı kullanılmaya başlayabilir. (Örneğin <li> elemanıın menüler için kullanılması gibi) Ama en azından şimdilik yeterli gibi duruyor.

Özellikle audio ve video etiketleri geç de olsa ses ve videonun da artık HTML içeriğinin vazgeçilmez bir parçası olduğunu gösteriyor.

Bu arada bu taslak, çalışan taslak olarak geçiyor. Yani buradaki değişiklikler her ne kadar bir taslak olsalar çoğunu HTML 5 de göreceğiz.



Yorum Yapın




Site Mozilla ve Opera gibi standartları destekleyen tarayıcılar için tasarlanmıştır. Eğer IE kullanıyorsanız şikayet etmeyin. kendi düşen ağlamaz.