Website tasarımınızı bitirdiniz, yazılımını yaptınız ve de yayına verdiniz... Kullanıcılar farklı farklı tarayıcılar kullanmakta, web tasarımınız bazı tarayıcılarda istediğiniz gibi görünmekte fakat bazılarında hiç te istediğiniz gibi değil...
Modern tarayıcılar (Firefox, chrome, comodo, safari, opera vb.) için durum pek farklı değildir, çünkü bu tarayıcılar güncel teknolojiyle uyumludur,
hemen hemen her biri tasarımınızı aynı şekilde görüntüler. Fakat iş Internet Explorer'a geldiğinde durum içinden çıkılmaz bir hal alır.
Internet Explorer, IE9 sürümü ile günceli yakalamış durumda, fakat önceki sürümler için durum böyle değil, ki birçok kulllanıcı IE8 ve öncesini kullanmakta, artık IE6 için de sitenizi uyarlayın demek istemem, ama en azında IE7 ve üstü için hazırlıklı olmakta fayda var.
Şunu da unutmayın, website tasarımı yaptığınız firma sahiplerinin çoğu muhtemelen eski sürüm tarayıcı kullanıyordur (Tecrübeyle sabittir...), kesinlikle website kodlamalarınızı en az IE8 uyumlu olarak yapmaya özen gösterin
HTML5, modern tarayıcılar tarafından (firefox, opera, safari vb.) desteklenmektedir. Internet Explorer 9 HTML5 desteği verirken daha önceki sürümlerde problem yaşanmaktadır.
"IE9" öncesi tarayıcılarda HTML5 için oluşturulmuş yeni etiketlerin (tag) özelliklerinin kullanımında ve stil dosya düzenlemelerinde problemler yaşanabilir. Bunun için ilk önce "js" yardımıyla bu etiketleri, eski tarayıcılar için oluşturmamız gerekir. Javascript'in "document.createElement()" yapısını kullanarak ilgili etiketleri oluşturabiliriz. Aşağıdaki kod bu uygulamayı göstermektedir.
html5.js:
document.createElement("article");document.createElement("aside");
document.createElement("audio");document.createElement("canvas");
document.createElement("command");document.createElement("datalist");
document.createElement("details");document.createElement("embed");
document.createElement("figcaption");document.createElement("figure");
document.createElement("footer");document.createElement("header");
document.createElement("hgroup");document.createElement("keygen");
document.createElement("mark");document.createElement("meter");
document.createElement("nav");document.createElement("output");
document.createElement("progress");document.createElement("rp");
document.createElement("rt");document.createElement("ruby");
document.createElement("section");document.createElement("source");
document.createElement("summary");document.createElement("time");
document.createElement("video");
Yukardaki kodu html5.js olarak kaydedip sayfanızın <head></head> arasında bir link ile eklememiz yeterlidir.
Bu eklemeyi yaparken de aşağıdaki kod ile birlikte tarayıcı kontrolünü yapmamız gerekir.
index.html:
<head>
<title>HTML5 ie8 uygulaması</title>
<!--[if lt IE 9]>
<script src="html5.js"></script>
<link rel="stylesheet" href="ie.css">
<![endif]-->
</head>
Yukardaki kod kısaca; IE9 öncesi bir tarayıcı ile karşılaşırsa, "html5.js" dosyasını ve bu tarayıcı için kullanacağımız ekstra stil dosyasını sayfamıza ekliyor.
Yukardaki işlemleri yapıp uygun stil özelliklerini de eklediğinizde, sayfanız HTML5 olarak "IE9" öncesi tarayıcılar için de hazır duruma gelmiş olur.
Web tasarımlarınızda HTML5 kullanmak bir zorunluluk değil, yani eski sistemle yapılmış site bundan kötüdür diyemeyiz, fakat HTML5 ile gelen yenilikler belki de çok işinize yarayacak, denemeden bilemezsiniz...
Şunu da belitmekte fayda var, HTML5'in tüm özellikleri henüz tüm tarayıcılar tarafından 100% uyumlu değil, fakat website kodlamalarında size ekstra yük getiren, ses (audio), video, progress bar, tarih, saat, ve benzeri uygulamalar hiçte fena değil...
Kolay gelsin...
