SORU
14 AĞUSTOS 2013, ÇARŞAMBA


Hangi HTML5 etiketleri tarayıcı uyumluluk endişesi olmadan kullanabilir miyim?

Bilgisayarlarda kullanmak için bir web uygulaması inşa ediyorum. IE8 gibi Tarayıcılar ile uyumluluk sorunları önlemek için ve yukarıdan uzak kalmak için HTML5 etiketleri nelerdir?

Not: En çok soru bu konuda 1-3 yaşında.

CEVAP
14 AĞUSTOS 2013, ÇARŞAMBA


Uzak kalmak ne istedin.

İyi bilgimle HTML5 etiketlerini Bazı anlamsal nedenlerle yapıldı. örneğin aşağıdaki gibi.

<article> <section> <aside> <nav> <header> <footer> ..ect

Bu çalışma, sadece CSS eg biraz gerektirir neredeyse iyi. Normalde eski tarayıcılar ama en tarayıcılarda çalışmak display: block; ıe. İnternet uyumlu olması için Javascript bir öğe oluşturmak için gerekli olan Explorer.

İşte bir örnek.

document.createElement('article');

<article> Bu eleman eski Internet Explorer kullanmak için ayarlayın.

Javascript işlevselliği çalışması için gereken daha gelişmiş HTML5 etiketleri aşağıdaki gibi.

<audio> <video> <source> <track> <embed> And most importantly <canvas> 

Bu unsurlar eski tarayıcılarda/shiv desteklemek için daha zordur. Altındaki tarayıcı polyfills geçmek için bir bağlantı dahil ettik, ancak bunları bizzat araştırdım yok gerçi.

Javascript işlevselliği gerektirmeyecek herhangi bir eleman çalışıyor ama bu çapraz tarayıcı desteği kod küçük bir bit ile kullanmak söyleyebilirim.

Eğer hedef eğereğer bıçak kullanırsanız bir şey olmaz.

Ben eski tarayıcılar ne diyorsunuz?< 9

Etiketler HTML5 için tarayıcı desteği bugün.

<section>, <article>, <aside>, <header>, <footer>, 
<nav>, <figure>, <figcaption>, <time>, <mark>

Internet Explorer tarafından daha az desteklenen değil8ama düzeltilebilir bu gibi.

CSS:

section, article, aside, header, footer, nav, figure, figcaption{
   display: block;
}
time, mark { 
    display: inline-block;
}

Javascript:

var elements = ['section', 'article', 'aside', 'header', 'footer', 'nav', 'figure', 'figcaption', 'time', 'mark'];
for( var i = 0; i < elements.length; i   ) {
    document.createElement(elements[i]);
}

Ve <audio> <video> <canvas> desteklenmez&; IE 9 lt

<embed> öğe kısmi destek verdi


Ayrıca bu etiket içine bakmak gerekir.

 <meta http-equiv="X-UA-Compatible" content="IE=edge">

meta Bu etiket İnternet 7 veya 8 gibi yüksek YANİ tarzına sayfa, uyumluluk moduna giriyorum ve sayfa oluşturma yerine görüntülemek için Explorer yapacağını söyler. Here bu konuda daha fazla bilgi.


HTML5 Yardımcı Bağlantılar


Tekme Başlatmak için, kontrol edebilirsinizHTML5 BoilerPlate

Kontrol edebilirsiniz tarayıcı uyumluluğu tabloları içinhttp://caniuse.com/

HTML5 Shiv -https://github.com/afarkas/html5shiv

Listenin HTML5 Polyfills -https://github.com/Modernizr/Modernizr/wiki/...

Güncelleme

Bir yorumda belirtildiği gibi

X-UA Uyumlu meta etiketi ile dikkatli olun. Eğer kullandığınız bir şey gibi html5 demirbaş olan koşullu yorumlar çevredeki eleman (bu da olur ile html5 doctype IIRC), karşılaştınız çalışabilir sorunları ile 9 zorlayarak içine 7 standartları modu bile etiketi. YANİ yine saldırdı

Bu içine bakmak isteyebilirsiniz, bu şu anda yedeklemek için bir şey var.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Andrew_Huang

    Andrew_Huang

    10 ŞUBAT 2006
  • Lupe Fiasco

    Lupe Fiasco

    23 ŞUBAT 2006
  • Shon Gonzales

    Shon Gonzale

    5 EKİM 2014