Yanıtlar:
HTML5 artık tüm tarayıcılar tarafından desteklenmektedir, hatta IE5! (Html5shiv komut dosyasını kullanıyorsanız). Http://diveintohtml5.org okunmasını şiddetle tavsiye ederim . Buradaki en iyi HTML5 kaynaklarından biridir.
CSS3'e gelince, kullanıyorsanız, normal sözdiziminin üstünde de satıcı önyazısı kullandığınızdan emin olun. Örneğin
border-radius
-moz ötesi yarıçaplı
-webkit ötesi yarıçaplı
Aşamalı gelişime inanıyorum. IE9'un css3 desteği çok umut verici geliyor.
Muhtemelen.
HTML5'in şu anda kullanabileceğiniz bölümleri var, bugün. Örneğin formlar. Eğer varsa <input type="email">HTML5 desteklemeyen bir tarayıcıda (evet, hatta IE6) sadece kullandığınız halinde ulaşacağınızı aynı şeyi göreceksiniz <input type="text">. Yine de HTML5 form öğelerini destekleyen bir tarayıcıda, emailtürün avantajlarını elde edersiniz : yani istemci, ekstra JS gerekmeden değeri kontrol eder. Evet, yine de HTML5 olmayan tarayıcılar için JS'ye ihtiyacınız olacak, ancak destekleyici tarayıcılarda bir doğrulama katmanı daha olacak.
Bu sitedeki başka bir soru, HTML5 ve CSS3 aracılığıyla kullanabileceğiniz yeni özelliklere iyi bir genel bakış sağlar. Bu sorudaki formlar hakkında da çok iyi veriler var.
Internet Explorer (ve Safari ve Firefox'un eski sürümleri, nadir de olsa), bu özelliğin çoğunu desteklemediğinden, boşluğu doldurmak için JavaScript kitaplıkları kalır. Bunlar bir performans isabeti içerir (yalnızca onları kullanması gereken tarayıcılar için olsa da), bu yüzden kullanıcılarınızı kullanırken dikkatli olun.
Özellik desteği eksikliği ile ilgili sorunları azaltmak için, bu yeni özelliklerin buna değeceğine karar verirseniz, aşağıdaki kaynakları kullanın:
.htc Internet Explorer 6-8'i en kullanışlı CSS3 dekorasyon özelliklerinden birkaçını oluşturabilenbir IE ekli davranışı (dosya). Bir elemanın uygulandığında, bunun IE tanımak ve ekran sağlarborder-radius,box-shadow,border-image, çoklu arka plan resimleri velinear-gradientarka plan görüntüsü olarak.truedestekleniyorsa ve desteklenmiyorsa, her özellik için bir boolean özelliği içeren kendi kendine başlıklı bir global JavaScript nesnesi oluştururfalse. Stil ve sizin gibi unsurları kullanmak böylece HTML5 elemanlarının basılması için destek ekler<section>,<header>ve<nav>.srcbir bir<img />eleman ya da bir şekildebackground-imageCSS özelliği. AksineAlphaImageLoader,background-positionvebackground-repeatçalışma tasarlanmıştır, ve elemanlar yanıt gibia:hoversözde sınıfı..htc IE 6'ya alfa opaklığı ile PNG desteği ekleyenbir IE ekli davranış (dosya)..htc otomatik olarak yama yapanbir IE ekli davranışı (birdosya): vurgulu,: aktif ve: IE6, IE7 ve IE8 gariplikleri için odaklanır ve bunları diğer tarayıcılarda olduğu gibi kullanmanıza izin verir. Alır herhangi bir html javascript aracılığıyla belgeye eklenen, yani AJAX desteği içerir ayrıca tetik olacak:hover,:activeve:focusIE stilleri.DD_belatedPNG'nin Whatever: hover ve TwinHelix'in IE PNG Fix'ini saf JavaScript ile çözdüğü her iki sorunu da çözdüğünü belirtmek ilginçtir .htc files.
Genellikle IE olmayan tarayıcılar kullanan kişiler istendiğinde bu sürümleri yükseltirler ve böylece IE "Ancak bazı tarayıcılar bu özelliği desteklemez!" şikayet. Modernizr, HTML5 / CSS3'ü yalnızca IE'ye değil, göreceğiniz herhangi bir tarayıcıya kullanma yeteneğini de ekleyecektir. ie-css3.js aynı şeyi yapacaktır, bir IE koşullu yorumu olmadan uygulamanız yeterlidir (yani , sunucu tarafı kullanıcı aracısı çeklerine dahil etmedikçe tüm tarayıcılar bunu alacaktır - bu performansı büyük ölçüde azaltacaktır. yalnızca IE kullanıcılarınız yerine tüm ziyaretçileriniz için.)
İhtiyaçlarınıza en uygun teknolojiyi kullanın.
Eric Meyer , CSS kurallarında satıcıya özgü öneklerin kullanılmaya başlanmasının eskiden css filtre kesmek gibi bir şey olmadığını anlatan güzel bir makale yazdı .
Aynı şeyin HTML5 için de geçerli olduğunu düşünüyorum. Tarayıcı desteğini farklı özellikler için kontrol edebiliyorsanız neden kullanmıyorsunuz? Site incelikle bozulduğu sürece, onu yaşayın.
Kullanmak isteyebileceğiniz CSS3 özelliklerine karar verirken diğer bazı yararlı bağlantılar: http://caniuse.com/ (hangi platformlarda hangi öğelerin ve seçicilerin kullanılabileceğinin iyi bir dökümünü verir)
http://css3please.com/ (CSS3 özellikleriyle uğraşmak için sayfa içinde düzenlenebilir bir oyun alanı, bu aynı zamanda hangi tekniklerin ve özelliklerin, yuvarlak köşeler, degrade arka planlar, vb.)
Modern tarayıcılardaki deneyimi geliştirmek için kullanıyorum, böylece iyi bir tarayıcıya sahip kullanıcılar daha güzel görünen kullanıcı arayüzleriyle (yuvarlatılmış köşeler, gölgeler, bu tür şeyler) "ödüllendirilir". Sanırım bunun için bir çeşit JS yedekiniz yoksa, mevcut müşteri tarafı form doğrulamanız için bir yedek olarak kullanmamalısınız.
Eski tarayıcılarda da desteklenmesi gereken HTML5 kullanarak yeni bir proje başlatıyorsanız, en iyi seçenek Initializr -
Arka uçta HTML5 Boilerplate kullanır ve kendi sitenizde dağıtabileceğiniz bir şablon sunmak için kendi başına birkaç seçenek ekler. Sitenizi eski tarayıcılarla uyumlu hale getirecek Javascript kütüphanelerini (HTML Shiv veya Modernizr gibi) içerir.
Kitlenin ne olduğuna ve hangi özellikleri kullanmak istediğinize bağlıdır. Ortalama bir projenin ie6 :(
Siteniz özel bir intranetse ve tarayıcıyı kontrol ediyorsanız veya başa çıkmak için sınırlı sayıda tarayıcınız varsa, teknolojinin kanayan kenarında çalışmaktan çekinmeyin.
Değilse, ne kullanırsanız kullanın, her zaman en düşük ortak paydayı dikkate almanız gerekir. Bu durumda, muhtemelen IE 6 ve bir dizi mobil tarayıcıların bir kombinasyonudur. Dolayısıyla, HTML 5 ile devam ederseniz, sitenizin güzel bir şekilde 'bozulduğundan' emin olma konusunda ek bir sorununuz vardır.