Web ilk yaratıldığından günümüze kadar pek çok farklı HTML sürümü, özellikle Html’nin Gelişimi üzerine odaklanarak, geliştirilmiştir.
Her yeni sürüm, Html’nin Gelişimi ile son sürümün üstüne bazı iyileştirmeler sağlamak için geliştirilmiştir. (Eski kodlar çıkartılmış ve öğe ve özellikler eklenmiştir.)
Web sayfasını görüntülemek için kullanılan her tarayıcının da pek çok yeni sürümü geliştirilmiştir. Web kullanıcıların tamamı olmasa da büyül bir kısmı bilgisayarlarına bu yeni tarayıcıları kurmuştur. Bu tüm kullanıcıların en son özelliklerive biçimleri görüntüleyemeceği anlamına gelmektedir.
Html’nin Gelişimi, web sayfalarının nasıl görüntülendiği konusunda önemli değişiklikler getirmiştir.
Belli özellikleri desteklemeyen tarayıcıların olduğunun farkında olmalısınız. Burada bir hatırlatma yapalım.(Formlar bölümünde HTML ögelerin bazılarını zaten gördünüz ve bazılarını da CSS bölümünde göreceksiniz.)
HTML 4
1997’DE YAYIMLANDI
HTML’te sayfanın görünümünü kontrol etmek için bazı önemli özellikler bulunmasına rağmen yazarlar artık kullanımını önermemektedir.(Örnekte sayfadaki içeriği ortalamak için <center> ögesi, metnin görünüşünü kontrol etmek için <font> ve metin boyunca bir çizgi çizmek için <strike> kullanılmıştır. Bunların hepsi CSS kullanılarak da yapılabilir.
XHTML 1.0
2000’DE YAYIMLANDI
1998 yılında XML adı verilen bir dil geliştirilmiştir. Amacı insanların yeni bir biçimle dili yazmasını sağlamaktır. HTML en yaygın kullanılan biçimleme dili olduğundan ,HTML 4 XML’ın kurallarını takip ederek tekrar formüle etmiş ve XHTML olarak isimlendirilmiştir. Bu kodlayıcıların bazı yeni daha katı kuralları takip etmesini gerektirmektedir.
Örneğin:
- Her öge bir kapanış etiketine ihtiyaç duyar;<img/> boş ögeler hariç.
- Özellik isimleri küçük harf olmak zorundadır.
- Bütün özelliklere bir değer verilmesi gereklidir ve bu değer çift tırnak arasında yer almalıdır.
- Kullanımdan kaldırılan ögeler artık kullanılmamalıdır.
- Diğer ögenin içinde açılan her öge, aynı ögenin içinde kapatılmalıdır.
Bu değişimin en önemli faydalarından biri de XHTML dilinin XML dökümanları işlemek ve yaratmak için kullanılan diğer programlarla sorunsuz çalışmasıdır.
XML ile yazılmış grafiksel bir dil olan Scable Vector Graphics (SVG),MatML(Matematiksel formülleri biçimlendirmek için kullanılır) ve CML (Kimyasal formülleri biçimlendirmek için kullanılır.) gibi diğer veri formatları ile de kullanılabilir.
Bu yeni dile geçmiş web sayfası yazarlarına yardım etmek için iki yeni çeşidi geliştirilmiştir.
- Strict XHTML 1.0, adından da anlaşılacağı gibi yazarlar kuralları uygulamak zorundadır.
- Transitional XHTML 1.0, Yazarların (<center> ve <font> gibi) sunulmuş ögeleri hala kullanabildiği çeşididir.
XHTML’in geleneksel sürümünün yaratılma nedeni; HTML’in gelecek sürümlerinden kaldırılacak öge ve özelliklerin bazılarını kullanan ve eski pratiklerini kullanmaya devam eden yazarlara imkan tanımaktadır.XHTML 1.0’ın XHTML1.0 Frameset adı verilen web sayfası yazarlarının tarayıcı penceresini, her biri ayrı bir HTML sayfası olan, birkaç çerçeveye bölmesine izin veren üçüncü sürümü vardır.
HTML5
2000’DE YAYIMLANDI
HTML5’te web sayfası yazarları her etiketi kapatma gereği duymaz ve hala yeni öge ve özellikler geliştirilmeye devam etmektedir. Ayrıca web sayfası yazarları bu yeni biçimleri hızla kabul etmektedir.
HTML5: Web Geliştirmenin Yeni Standartları
HTML5, web geliştirmenin temelini oluşturan en güncel ve gelişmiş bir hiper metin işaretleme dilidir. HTML’in önceki sürümlerine göre daha esnek, hızlı ve çok yönlü bir yapıya sahiptir. Özellikle mobil uyumluluk, medya oynatıcıları ve web uygulamaları için sunduğu gelişmiş özelliklerle öne çıkmaktadır.
HTML5’in Getirdiği Yenilikler
1. Semantik Etiketler
HTML5, web sayfalarının yapısını daha anlamlı hale getirmek için yeni semantik etiketler sunar. header, section, article, nav, aside gibi etiketler sayesinde sayfa yapısı daha okunabilir ve arama motorları tarafından daha iyi anlaşılabilir hale gelir.
2. Multimedya Destekleri
HTML5 ile birlikte ses ve video oynatıcılar için harici eklentilere ihtiyaç duymadan, audio ve video etiketleriyle medya dosyaları oynatılabilir. Bu da Flash gibi eski teknolojilere olan bağımlılığı ortadan kaldırır.
3. Canvas ve SVG ile Grafik Desteği
HTML5, canvas ve svg etiketleri sayesinde tarayıcı üzerinde dinamik grafikler ve animasyonlar oluşturmaya imkan tanır. Bu özellik, oyun geliştirme ve veri görselleştirme gibi alanlarda çok büyük kolaylıklar sağlar.
4. Yerel Depolama (LocalStorage & SessionStorage)
HTML5, localStorage ve sessionStorage API’leriyle web uygulamalarının kullanıcı bilgilerini tarayıcıda saklamasına olanak tanır. Bu, çerezlere (cookies) alternatif olarak daha güvenli ve performanslı bir depolama yöntemi sunar.
5. Daha Gelişmiş Form Elemanları
HTML5, web formlarının daha işlevsel olmasını sağlayan date, email, number, range, search gibi yeni girdi türlerini sunar. Bu sayede form verilerinin doğruluğu tarayıcı seviyesinde kontrol edilebilir.
6. Responsive Tasarıma Destek
HTML5, CSS3 ile entegre bir şekilde çalışarak responsive (duyarlı) tasarımların oluşturulmasına destek verir. meta viewport etiketi ile sayfaların mobil cihazlara uyumlu hale getirilmesi mümkün olur.
HTML5’in Kullanım Alanları
HTML5, çeşitli alanlarda etkin bir şekilde kullanılır:
- Web Siteleri ve Bloglar: HTML5’in semantik yapısı, SEO dostu web siteleri oluşturmada çok etkilidir.
- Web Tabanlı Oyunlar: Canvas ve WebGL gibi teknolojiler sayesinde tarayıcı tabanlı oyunlar geliştirilebilir.
- Mobil Uygulamalar: HTML5, hibrit mobil uygulama geliştirme platformlarında sıkça tercih edilir.
- E-Ticaret Siteleri: Kullanıcı dostu formlar ve yerel depolama özellikleriyle daha iyi bir alışveriş deneyimi sunar.
Sonuç
HTML5, modern web geliştirmenin temel taşlarından biri olmuştur. Daha esnek, daha hızlı ve kullanıcı dostu bir web deneyimi sunmak için geliştirilmeye devam etmektedir. HTML5’i kullanarak geleceğin web projelerini daha güçlü ve etkili bir şekilde inşa edebilirsiniz.