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

下面小編就為大家帶來一篇使用語意化標籤去寫你的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並將其設為區塊狀顯示，以下附上完整程式碼：

  
  
  
  
  
  
  
  
    
  
<header>这是头部</header>  
<content>这是中间内容区</content>  
<footer>这是底部</footer>  
  

接著說些無關的吧，為什麼要語意化去寫html呢？

首先，程式碼易於閱讀，當別人看你程式碼的時候，一眼就能明白；其次，有利於SEO，搜尋引擎的爬蟲很大程度上會忽略用於表現的標記，而只注重語義標記。

所以，趕快開始用語意化標籤去寫你的HTML吧，何況這也不難，對吧？

附1：

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

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