完美解決ie8以下不相容h5的方法

2022-09-17 04:57:13 字數 829 閱讀 1030

html5的語義化標籤以及屬性,可以讓開發者非常方便地實現清晰的web頁面布局,加上css3的效果渲染,快速建立豐富靈活的web頁面顯得非常簡單。

html5的新標籤元素有:

使用他們能讓**語義化更直觀,而且更方便seo優化。但是此html5新標籤在ie6/ie7/ie8上並不能識別,需要進行j**ascript處理。以下就介紹幾種方式。

方式一:coding j**ascript

如果是ie9以下的ie瀏覽器將建立html5標籤, 這樣非ie瀏覽器就會忽視這段**,也就不會有無謂的http請求了。

但是不管使用以上哪種方法,都要初始化新標籤的css.因為html5在預設情況下表現為內聯元素,對這些元素進行布局我們需要利用css手工把它們轉為塊狀元素方便布局

/*html5*/

article,aside,dialog,footer,header,section,footer,n**,figure,menu

但是如果ie6/7/8 禁用指令碼的使用者,那麼就變成了無樣式的"白板"網頁,我們該怎麼解決呢?

我們可以參照facebook的做法,即引導使用者進入帶有noscript標識的「/?_fb_noscript=1」頁面,用 html4 標籤替換 html5 標籤,這要比為了保持相容性而寫大量 hack 的做法更輕便一些。

這樣可以引導使用者開啟指令碼,或者直接跳轉到html4標籤設計的介面。

IE8以下不支援H5新標籤的解決方案

猿友們再寫頁面的時候,客戶可能要求相容ie8以下版本,可是你用了幾個h5的新標籤,在ie8以下完全不識別怎麼辦呢。這時,不要慌不要忙,跟我一起念 如意如意隨我心意快快顯靈快快顯靈 哈哈哈 下面直接擼 lang en charset utf 8 documenttitle document.creat...

IE9以下版本相容h5標籤

隨著html5 後面用h5代表 標籤越來越廣泛的使用,ie9以下 ie6 ie8 不識別h5標籤的問題讓人很是煩惱。在火狐和chrome之類的瀏覽器中,遇到不認識的標籤,只要給個display block屬性,就能讓這個元素成為乙個類似div的元素,但是到ie上就很噁心了,它不認識就是不認識,你在h...

IE9如何相容IE8以及以下的瀏覽模式

自己寫了個js指令碼,本人一直用的是ie9 在一次測試中發現自己在外部寫的js指令碼缺不能在ie8及ie8以下的瀏覽模式中執行,網上搜了很多,都沒找到解決辦法,求各位大神給個辦法啊 在此多謝了 經過一下午的查閱 最後知道了在ie8一下呼叫js檔案時,回傳會說json未定義 有三個解決辦法 方法一 加...