HTML5 Nedir?
HTML (HyperText Markup Language), bütün web sayfalarının yazıldığı dildir; Tim Berners-Lee onu 1990'ların başında web ile birlikte ortaya koydu. Renklere ya da harekete karar vermez, her içeriğin ne olduğunu söyler: bu ana başlık, bu bir liste, bu bir düğme, bu da sitenin menüsü. Tarayıcılar da, arama motorları da, ekran okuyucu gibi yardımcı teknolojiler de sayfanızı bu yapı üzerinden okur.
HTML5, sayfanın bölümlerini işlevine göre adlandıran öğeler getirdi: header, nav, main, article, section, aside ve footer. Ekran okuyucular bu bölgeleri (landmark) kullanarak doğrudan menüye ya da ana içeriğe atlar. Formlara email, tel ve date gibi alan türleri eklendi: telefonda uygun klavyeyi ya da tarih seçiciyi açarlar, tarayıcı da girilen bilgiyi gönderilmeden önce denetleyebilir. Metnin dilini ve okuma yönünü ise lang ve dir nitelikleri belirtir.
HTML5, 2014'te W3C tarafından resmî tavsiye (Recommendation) olarak yayımlandı. W3C ve WHATWG 2019'dan beri dilin tek bir sürümü üzerinde birlikte çalışıyor: WHATWG'nin yürüttüğü HTML Living Standard, yani “yaşayan standart”. Bu grubun yönlendirme kurulunda tarayıcı üreticileri Apple, Google, Microsoft ve Mozilla yer alıyor. Standart artık sürüm numarası taşımıyor; sürekli güncelleniyor, tarayıcılar da yeni özellikleri adım adım benimsiyor. “HTML5” ise modern HTML'nin gündelik adı olarak kaldı. Herkesin ücretsiz kullanabildiği açık bir standarttır.
HTML5'i Nerede Kullanıyoruz?
Kurduğumuz her site, öğe öğe kendi yazdığımız HTML ile başlıyor. En çok şu noktalarda fark yaratıyor:
Anlaşılır Sayfa Yapısı
Her sayfaya tek bir ana başlık, mantıklı sırada alt başlıklar ve menü, ana içerik ile alt bilgi için net bölgeler veriyoruz. Sayfaya göz gezdiren ziyaretçi de, arama motoru da, ekran okuyucu kullanan da yolunu kolayca buluyor.
Erişilebilir Formlar ve Düğmeler
Her alanın görünür bir etiketi var; tıklanabilir kutular yerine gerçek düğme ve bağlantı öğeleri kullanıyoruz. Her şey yalnızca klavyeyle de çalışıyor, ekran okuyucular da her öğenin ne işe yaradığını söylüyor.
Çok Dilli, Sağdan Sola Sayfalar
Türkçe, İngilizce ve Arapça sürümlerde her sayfanın dilini ve yönünü tanımlıyoruz; Arapça sağdan sola akıyor, ekran okuyucular her dili doğru telaffuz ediyor. Hangi sürümün hangi dilde olduğunu arama motorlarına hreflang bağlantılarıyla bildiriyoruz.
Yapılandırılmış Veri
Sayfalara schema.org yapılandırılmış verisini JSON-LD biçiminde ekliyor; işletmenizi, hizmetlerinizi ve yazılarınızı arama motorlarının doğrudan okuyabileceği şekilde tanımlıyoruz. Bu, sizi doğru anlamalarına yardım ediyor; bazı zengin arama özellikleri de buna dayanıyor.
Neden HTML5?
Her Şeyin Temeli
Tasarım, hız, erişilebilirlik ve SEO aynı temelin üzerinde durur: işaretleme. İyi kurulmuş HTML sonraki her adımı kolaylaştırır; burada yapılan hataların düzeltilmesi ise site büyüdükçe zorlaşır.
Her Yerde, Yıllarca Çalışır
Her cihazdaki her tarayıcı HTML okur ve standart, var olan sayfaları çalışır durumda tutacak şekilde gelişir. İyi yazılmış bir sayfa uzun yıllar okunabilir kalır.
Yerleşik Erişilebilirlik
Tarayıcının kendi öğeleri klavye desteğini ve ekran okuyucular için anlamı beraberinde getirir. HTML'yi doğru kurmak, herkesin kullanabildiği bir siteye giden en basit ve en sağlam adımdır.
Projenizde Nasıl İlerliyoruz?
Figma'da onaylanan tasarımdan yola çıkıp önce her sayfanın taslağını çıkarıyoruz: başlık seviyeleri, bölgeler, hangi içeriğin liste, tablo ya da form olacağı. Ardından HTML'yi yazıyor, Türkçe, İngilizce ve Arapça sürümleri doğru dil ve yön ayarlarıyla kuruyor, CSS ve JavaScript'i ancak bundan sonra ekliyoruz.
Yayından önce işaretlemeyi bir doğrulayıcıdan geçiriyor, Lighthouse ile erişilebilirlik ve SEO denetimi yapıyor, her sayfayı yalnızca klavyeyle geziyor ve önemli sayfaları bir ekran okuyucuyla deniyoruz. Başlıkların, açıklamaların, dil bağlantılarının ve yapılandırılmış verinin her sayfada yerinde olduğundan da emin oluyoruz.
