HTML 5 nedir, komutları ve oyunlar

Web de oyun denildiğinde hemen aklımıza flash oyunları gelir, gelirdi. Ama artık HTML 5 var. Sadece html kodlarıyla çok güzel oyunlar yazmanız mümkün. Üstelik gerekli olan tek şey modern bir tarayıcı ( Firefox veya Chrome).
Son zamanlarda çok duymaya başladığınız html 5, daha önce farklı metodlarla yapılan işlemleri basit html 5 komutlarıyla yapabilmenizi sağlıyor.
http://html5games.com/ adresinde kategorilendirilmiş html5 oyunlarını görebilir hatta oynayabilirsiniz.

Tabi ki her şey oyun değil. Bu teknolojinin web dünyasına çok büyük bir katkısı olacağı kesindir.
Önceleri kulağımızı tersten tutarak yapabildiğimiz bir çok işlevi çok basit tag’larla yapmamızı sağlıyor. Örneğin bir video eklemek istediğimizde sitemize, bir video player kütüphanesi ekleyip ayarlarını yapmamız gerekiyordu. Şimdi html5 ile sadece <video> tag’ı yetecektir.

HTML5 ile gelen yeni tag’ları ve işlevlerini aşağıda görebilirsiniz.

  • <article>: Yazı veya makaleleri tanımlamak için kullanılır.
  • <aside>: Konuyla alakalı farklı bir içerik/bilgi vermeye yarar.
  • <audio>: Ses içerikleri için kullanılır.
  • <canvas>: Grafik göstermeye yarayan bir etikettir.
  • <command>: Command butonu eklemeye yarar.
  • <datalist>: Input etiketi ile açılan mönü yaratmak için kullanılır.
  • <details>: Bir dokümanın detaylarını belirtmeye yarar.
  • <embed>: Dışarıdan yüklenen interaktif bir içerik veya eklenti için kullanılır.
  • <figcaption>: Figure etiketinin ilk veya son elemanı olarak başlık şeklinde eklenir.
  • <figure>: Birden fazla medya elemanını ve onların başlıklarını göstermeye yarar.
  • <footer>: Bir bölümün sonunda veya bir sayfanın altında yer alan sayfa altlığı (sayfa numarası gibi) yaratmak içindir.
  • <header>: Bir bölüme veya bir sayfaya başlık eklemek için kullanılır.
  • <hgroup>: H1-H6 arası alt başlık grupları kullanılacağı zaman bu etiketten faydalanılır.
  • <keygen>: Formlarda anahtar yaratmak için kullanılır.
  • <mark>: Cümle içerisinde işaret edilen, vurgulanan kısımlar için bu etiketten faydalanılır.
  • <meter>: Maksimum ve minimum değerleri belirli olan ölçüleri tanımlamaya yarar.
  • <nav>: “Anasayfa, Önceki, Sonraki” gibi navigasyon bağlantıları için kullanılır.
  • <output>: Bazı özel çıktıları belirtmeye yarar.
  • <progress>: Devam eden süreçleri belirtir (Örn: İndirmekte olduğunuz dokümanın tamamlanma yüzdesi: 76%).
  • <rp>: Çince karakterlerin desteklenmediğini belirtir açıklama notları yazmak içindir.
  • <rt>: Çince karakterlerin açıklama veya okunuşunu belirtmeye yarar.
  • <ruby>: Çince karakterler için kullanılan etikettir.
  • <section>: Bir bölümü simgeler.
  • <source>: Medya kaynaklarını ifade eder.
  • <summary>: Detay etiketinin başlığıdır.
  • <time>: Zaman veya süre ifade etmeye yarar.
  • <video>: Video kaynaklarını ifade eder.Web geliştiricilerin her zamanki gibi tek bir sıkıntısı var o da browser’ların bir standart dahilinde geliştirilmemesi. Özellikle M$ canının istediği teknolojiyi destekliyor, istemediğini desteklemiyor. Peki o zaman çözüm nedir derseniz çok basit. İnternet Explorer KULLANMAYACAĞIZ ! Firefox ya da Chrome kullanacağız.
  • Comments

    comments

        Paylaş  
    Sonuna gidip bir yanıt bırakabilirsiniz.
    Powered by WordPress | Designed by: free Drupal themes | Thanks to hostgator coupon and cheap hosting