HTML5增加了更多語義化的標(biāo)簽,如header,footer,nav……讓我們在頁面編寫的時候,不需要再用下面這種方法去布局了:
而可以用這樣的方式去布局:
但是IE不向前支持,所以我們想讓它支持IE6,7,8需要在js和css里增加一點小代碼,如下:
css:
header,content,footer{display:block}
以上的意思就是自定義一個標(biāo)簽為header并將其設(shè)為塊狀顯示,下面附上完整代碼吧:
接著說些無關(guān)的吧,為什么要語義化去寫html呢?
首先,代碼易于閱讀,當(dāng)別人看你代碼的時候,一眼就能明白;其次,有利于SEO,搜索引擎的爬蟲很大程度上會忽略用于表現(xiàn)的標(biāo)記,而只注重語義標(biāo)記。
所以,趕快開始用語義化標(biāo)簽去寫你的HTML吧,何況這也不難,對吧?
附1:
以上這篇使用語義化標(biāo)簽去寫你的HTML 兼容IE6,7,8就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
原文地址:http://www.cnblogs.com/shouce/p/5385701.html
標(biāo)簽:銅陵 湖南 那曲 揭陽 阿拉善盟 沈陽 健身房 福建
巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《使用語義化標(biāo)簽去寫你的HTML 兼容IE6,7,8》,本文關(guān)鍵詞 使用,語義,化,標(biāo)簽,去寫,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。