HTML5標籤向下相容解決

HTML中一個方便的特性就是可以省去一大堆的DIV標籤，直接以有意義的文字去設定標籤區塊，如下：

   1: <!DOCTYPE html>
   2: <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   3:  
   4: <html>
   5:     <head>
   6:         <title><!-- Your Title --></title>
   7:     </head>
   8:  
   9:     <body>
  10:         <header>
  11:             <!-- ... -->
  12:         </header>
  13:  
  14:         <nav>
  15:             <!-- ... -->
  16:         </nav>
  17:  
  18:         <div id="main">
  19:             <!-- ... -->
  20:         </div>
  21:  
  22:         <footer>
  23:             <!-- ... -->
  24:         </footer>
  25:     </body>
  26: </html>

但問題是，那舊的瀏覽器不支援怎麼辦，例如IE，那就幫它設個條件



   1: <!--[if IE]>
   2:     <script src="html5.js"></script>
   3: <![endif]-->

那這個js檔裡應該填入像以下的的程式碼，就可以讓舊流覽器也能正常顯示囉。



   1: document.createElement("article");
   2: document.createElement("footer");
   3: document.createElement("header");
   4: document.createElement("hgroup");
   5: document.createElement("nav");
張貼者： 生活點滴 於 13:51
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)