使用語意化標籤去寫你的HTML 相容IE6,7,8

高洛峰
發布: 2017-02-21 13:27:34
原創
1501 人瀏覽過

下面小編就為大家帶來一篇使用語意化標籤去寫你的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

以上這篇使用語意化標籤去寫你的HTML 相容IE6,7,8就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持PHP中文網。

更多使用語意化標籤去寫你的HTML 相容IE6,7,8相關文章請追蹤PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板