下面小編就為大家帶來一篇使用語意化標籤去寫你的HTML 相容IE6,7,8。小編覺得蠻不錯的,現在分享給大家,也給大家做個參考,一起跟隨小編過來看看吧
HTML5增加了更多語義化的標籤,如header,footer,nav… …。讓我們在頁面寫的時候,不需要再用下面這種方法去佈局了:
<p class="header">这是头部</p> <p class="content">这是中间内容区</p> <p class="footer">这是底部</p>
#而可以用這樣的方式去佈局:
<header>这是头部</header> <content>这是中间内容区</content> <footer>这是底部</footer>
但是IE不向前支持,所以我們想讓它支持IE6,7,8需要在js和css裡增加一點小程式碼,如下:
document.createElement("header"); document.createElement("content"); document.createElement("footer");
css:
header,content,footer{display:block}
以上的意思就是自訂一個標籤為header並將其設為區塊狀顯示,以下附上完整程式碼:
用语义化标签去写你的HTML,兼容IE6,7,8 <header>这是头部</header> <content>这是中间内容区</content> <footer>这是底部</footer>
接著說些無關的吧,為什麼要語意化去寫html呢?
首先,程式碼易於閱讀,當別人看你程式碼的時候,一眼就能明白;其次,有利於SEO,搜尋引擎的爬蟲很大程度上會忽略用於表現的標記,而只注重語義標記。
所以,趕快開始用語意化標籤去寫你的HTML吧,何況這也不難,對吧?
附1:
以上這篇使用語意化標籤去寫你的HTML 相容IE6,7,8就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持PHP中文網。
更多使用語意化標籤去寫你的HTML 相容IE6,7,8相關文章請追蹤PHP中文網!