Serap Şen

Bilişim hakkında herşey…

HTML 5

Merhaba Arkadaşlar,

Bu yazımda HTML 5’den bahsedeceğim. Beraberinde gelen yenilikler nelerdir, bize ne gibi kolaylıklar sağlar? Bunlardan bahsedeceğim.

HTML’in ne olduğunu artık hemen hemen herkes biliyor. Web sayfaları oluşturmak için kullanılan temel işaretleme dilidir. HTML 5 de işte bu dilin en güncel olan sürümüdür.

Bir bakalım HTML’e ne gibi yenilikler getirmiş…

Bundan önceki ana değişim XHTML1 2000 yılında gelmiş olsa da, 1997 yılındaki HTML 4 idi. O günden bu yana internet neredeyse devrim yaşadı. Tablosuz CSS tasarımların, AJAX ın, Web 2.0’ın moda olduğu günler yaşadık. HTML günün şartlarına ve ihtiyaçlarına artık cevap veremiyor, browserlar arası uyumsuzluk geliştirme maliyetini arttırıyordu ya da birinde çalışan diğerinde çalışmaz hale gelmişti. Mobil internetin yaygınlaşması da diğer sorunlardan birisiydi çünkü HTML 4 mobil için tasarlanmamıştı.

İşte bütün bu sorunları ve eksikleri kaldırmak üzere HTML 5 gündeme geldi ve halen geliştiriliyor. Şu anki hali ile bile tercih edilmeye başlandı. Chrome ve Safari tarayıcılarının güncel sürümleri üzerinde, deneme aşamasında da olsa çok daha iyi bir şekilde çalışmaktadır. Internet Explorer, Mozilla Firefox ve Opera tarayıcılarının güncel sürümleri tarafından kısmen desteklenmektedir.

HTML5 kullanmak aynı zamanda UI (kullanıcı arabirimi) mühendislerinin ve back end (sunucu uygulama) geliştiricilerinin sadece tek codebase kullanımından yararlanabiliyor olmaları demektir. Yapının temelleri aynı kalsa da, her platforma entegre edilmiş back end layerlar ve görüntüler olabilecektir. Bu, birbirine bağlı bir ürün tecrübesinin yaratılmasına yardım eden ürün çizgisinin karşısında, gelişimin yayılma sürecini hızlandırmaktadır.

Ses veya film etiketleri gibi bir çok spesifik yönleriyle birlikte kullanılması gereken HTML 5, sadece bir biçimleme dili olmasından ziyade web uygulamaları yaratmakta da kullanılabilmektedir. CSS3 ve JavaScript ile birleştirmek çok daha güçlü uyumlu ve sağlam uygulamaları mümkün kılmaktadır. Uygulamalar bu sayede binlerce cihazda birçok ihtimale uygun şekilde kullanılabilmektedir. Özellikle de iliştirilmiş platformlar ve bağlanmış cihazlarla çok daha güçlü olacaklardır.

Bazı yeni elementler var…

  • <canvas>: Sayfada bir tuval alanı oluşturur. Tuvale çizim javascript ile yapılabilir.
  • <audio>: Sayfaya ses oynatıcı bir modül ekler.
  • <video> : Video oynatıcı bir modül ekler.
  • <progress> : İşlem süreci göstergesi ekler.
  • <caption> : Başlık olarak düşünülen metinleri düzenler.
  • <header> : Sitenin başlık ve açıklama içeriğini alır.
  • <nav> : Menüleri ve bir takım zaruri işlevleri içine alır.
  • <footer> : Sitelerin en alt kısmını içine alır.
  • <section> : Sitelerin ana içerik kısmını içine alır.
  • <aside> : Ana içerikte ayrı yazılan kısımdır.
  • <article> : Makale, deneme tarzı yazıları kapsar.
  • <embed> : Dışarıdan eklenen componentler için kullanılır. (Örn : .swf uzantılı dosyalar)
  • <details> : Detay bilgisi içerir.
  • <summary> : Yazının başlığını belirler.
  • <time> : Tarih, saat verilerini kapsar.
  • <mark> : Yazı içerisinde özellikle üstünde durulan kelimeleri belirler.
  • <fig>
  • <figure>
  • <hgroup>
  • <datalist>

Bunlardan şu an için en popüler olanları ise medya oynatıcılar: video ve ses gibi…

HTML’de desteklenmeyen elementler…

Tüm bunların dışında birde desteği kaldırılan elementler / tagler de var. Birçoğu zaten artık neredeyse hiç kullanılmıyor. Bunlar : < acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <noframes>, <s>, <strike>, <tt>, <u>, <xmp>

 NOT: Bu makalem  www.readmee.com da yayınlanmıştır. Oradan da takip edebilirsiniz.

Tags: , , ,


Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

*

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Follow Me

Microsoft Imagine Cup 2012 Repharm Project

Makalelerimi takip edebilirsiniz…

Arşivlerim

Readmee E-dergimiz

Anketler

Web Sitemi Beğendin mi?

  • Kötü (24%, 35 Votes)
  • Fena değil (8%, 12 Votes)
  • İdare eder (10%, 15 Votes)
  • İyi (18%, 27 Votes)
  • Çok iyi (40%, 57 Votes)

Total Voters: 146

Loading ... Loading ...

Kaç Kişi Online?