成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

讓IE支持HTML5的方法

2022-05-31    分類: 網(wǎng)站建設(shè)

越來越多的站點(diǎn)開始使用 HTML5 標(biāo)簽,但是目前的情況是還有很多人在使用IE6、IE7、IE8。為了讓所有瀏覽者都可以正常的訪問,解決方案有下面兩個(gè):

1.為網(wǎng)站創(chuàng)建多套模板,通過程序?qū)ser-Agent的判斷為不同的瀏覽器用戶顯示不同的頁面,例如:優(yōu)酷網(wǎng)。

2.使用Javascript來使不支持HTML5的瀏覽器支持HTML標(biāo)簽。

針對(duì)IE比較好的解決方案是html5shiv。htnl5shiv主要解決HTML5提出的新的元素不被IE6-8識(shí)別,這些新元素不能作為父節(jié)點(diǎn)包裹子元素,并且不能應(yīng)用CSS樣式。讓CSS 樣式應(yīng)用在未知元素上只需執(zhí)行 document.createElement(elementName) 即可實(shí)現(xiàn)。html5shiv就是根據(jù)這個(gè)原理創(chuàng)建的。

html5shiv的使用非常的簡(jiǎn)單,考慮到IE9是支持html5的,所以只需要在頁面head中添加如下代碼即可:

復(fù)制代碼
代碼如下:

<!-–[if lt IE 9]--><script src=" http://html5shiv.googlecode.com/svn/trunk/html5.js "></script ><!--[endif]–- >

html5shiv官方網(wǎng)址:http://code.google.com/p/html5shiv/

下面是一些補(bǔ)充:

當(dāng)然包括本人BLOG在內(nèi)。關(guān)于HTML5不得不提IE,在蘋果、Google、Opera和Mozilla等主流瀏覽器廠商積極參與新版本HTML標(biāo)準(zhǔn)的制定和推廣時(shí),微軟卻對(duì)HTML 5規(guī)范不屑一顧。然而微軟近期才表態(tài)要在IE中支持HTML 5,以致到今天為止的IE8及以下是無法支持HTML5標(biāo)簽的。但在sitepoint找到了讓IE支持HTML5辦法。

以下是在的IE 8顯示的例子,未作處理前:
在IE 8顯示的例子,未作處理前
讓IE(包括IE6)支持HTML5元素,我們需要在HTML頭部添加以下JavaScript,這是一個(gè)簡(jiǎn)單的document.createElement聲明,利用條件注釋針對(duì)IE在對(duì)象中創(chuàng)建對(duì)應(yīng)的節(jié)點(diǎn)。

復(fù)制代碼
代碼如下:

<!--[if IE]>
<script>
document.createElement("header");
document.createElement("footer");
document.createElement("nav");
document.createElement("article");
document.createElement("section");
</script>
<![endif]-->

添加以上代碼后,在IE8中顯示的效果如下:
在IE 8顯示的例子,處理后
sitepoint例子中創(chuàng)建節(jié)點(diǎn)的JavaScript代碼似乎過于臃腫,在smashingmagazine提供的代碼似乎更簡(jiǎn)潔。
演示如下


   提示:您可以先修改部分代碼再運(yùn)行


代碼如下:

<!--[if IE]>
<script>
(function(){if(!/*@cc_on!@*/0)return;var e = "header,footer,nav,article,section".split(','),i=e.length;while(i--){document.createElement(e[i])}})()
</script>
<![endif]-->

HTML5在默認(rèn)情況下表現(xiàn)為內(nèi)聯(lián)元素,對(duì)這些元素進(jìn)行布局我們需要利用CSS手工把它們轉(zhuǎn)為塊狀元素,如下例:

代碼如下:

header, footer, nav, section, article {
display:block;

網(wǎng)站題目:讓IE支持HTML5的方法
轉(zhuǎn)載來于:http://jinyejixie.com/news40/161940.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機(jī)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)公司網(wǎng)站改版、小程序開發(fā)、用戶體驗(yàn)網(wǎng)站策劃

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成都定制網(wǎng)站網(wǎng)頁設(shè)計(jì)

網(wǎng)站建設(shè)知識(shí)

同城分類信息

根河市| 伊金霍洛旗| 陆河县| 铁岭市| 新乡县| 大理市| 淮北市| 云和县| 富锦市| 敖汉旗| 承德市| 师宗县| 昭平县| 象山县| 岳西县| 施甸县| 建瓯市| 天等县| 通州区| 资溪县| 隆子县| 城步| 鹤山市| 门源| 临安市| 大方县| 阳高县| 兴城市| 太和县| 韶山市| 古丈县| 南康市| 开封市| 封开县| 古田县| 巴林右旗| 叙永县| 竹北市| 南投县| 田阳县| 红安县|