HTML5 Dersleri - HTML5'e Giriş
HTML5 Nedir?
HTML5 , yeni HTML(Hyper-Text Markup Language – Zengin Metin
İşaret Dili) standardıdır. HTML’in bundan önce çıkan versiyonu HTML 4.01’dir ve
o günden bu güne değişen çok bir şey olmamıştır. Özellikle mobil platformlardan
internete girme ve surf yapma yaygınlaştıkça ortaya çıkan sorunlar bu yeni
standardın ortaya çıkmasına neden olmuştur.
Web sitesi isteyen müşteri artık sitenin mobil uyumlu olup
olmamasına dikkat etmektedir. HTML5 ve CSS3’ün en göze batan birinci özelliği
ise mobil cihazlarda hatasız çalışabilmesidir. Fakat HTML5’in sağladığı tek
avantaj bu değildir. SEO (Search Engine Optimization – Arama Motoru
Optimizasyonu) yaparken olabildiğince metne sadık kalmak ve görsel öğelerden
uzak durmak en temel kurallardan birisidir. HTML5, hem bize metnin
dinamikliğini hem de Flash kadar kuvvetli görselliği sunabilmektedir.
O zaman, özetle HTML5’in
temel prensipleri şunlardır:
·
Temel özelliklerin tamamını tek bir çatı altında
kullanılabilmektedir. (HTML, CSS, DOM, JavaScript, jQuery)
·
Harici Plug-In’lere duyulan ihtiyaç minimuma
indirgenmiştir. (Flash, Shockwave vb.)
·
Hata yönetimi daha iyidir.
·
Kod yazmayı engellemek için daha fazla etiket
bulunmaktadır.
·
HTML5 cihaz ve platform fark etmeksizin her
yerde çalışır.
Minimum HTML5 Dokümanı
Bir dokümanın HTML5 dokümanı olduğunu deklere etmek için tek
bir etiket yeterlidir.
<!DOCTYPE html>
HTML5, eski HTML sürümlerindeki gibi bazı standart
etiketlere ihtiyaç duyar. Fakat farklı olarak yeni sürümde bu etiketler
sadeleştirilmiştir.
<!DOCTYPE html>
<html>
<head>
<title>
Doküman başlığı.
</title>
</head>
<body>
Dokümanın içeriği.
</body>
</html>
HTML5’in Yeni Özellikleri
HTML5 henüz resmi bir standart değildir ve geliştirilmeye
devam etmektedir fakat 2013 yılı itibariyle büyük bir kısmı tamamlanmış ve
kullanıma açılmıştır. Bundan dolayıdır ki tarayıcıların hiç biri tam anlamıyla
HTML5’i desteklememektedir. Fakat bilinen büyük tarayıcıların hepsi her
güncellemesinde HTML5’in en son yapılan değişikliklerini projesine dâhil etmektedir.
Google Chrome, Mozilla Firefox, Opera, Safari ve Internet
Explorer’ın son sürümünde HTML5 sorunsuz bir şekilde çalışmaktadır. HTML5’in en
ilgi gören, yeni özellikleri özetle şunlardır:
·
2D (İki boyutlu) çizim için <canvas> etiketi.
·
Herhangi bir aracıya ihtiyaç duymadan müzik ve
ses oynatabilmek için <video> ve <audio> etiketleri.
·
Yerel veri depolama desteği.
·
Yeni içeriğe özgün etikleter. (<article>, <header>, <footer>, <nav>, <section> gibi…)
·
Takvim, tarih, saat, arama, e-posta, url gibi
yeni form elementleri.
Yorumlar
Yorum Gönder