我的家園

          我的家園

          HTML5架構(HTML5 Boilerplates )

          Posted on 2012-04-15 16:37 zljpp 閱讀(139) 評論(0)  編輯  收藏

          HTML5架構

          HTML5架構,(HTML5 Boilerplates )

          html5文檔的快速建立
          html5文檔非常容易建立,你只需要改變文檔頭部的DOCTYPE聲明。

          復制內容到剪貼板
          1. <!DOCTYPE html>  

          這樣你就已經建立好一個HTML5文檔了,看看谷歌首頁是怎么做的吧

          復制內容到剪貼板
          1. <!doctype html>  
          2. <head>  
          3. <title> HTML 5 - Google Search </ title>  
          4. <script>  
          5. ..  

          但是谷歌的驗證和搜索結果頁面都沒有使用,因為那些頁面還存在很多無效標簽,如<font>等,但是沒關系還是可以使用一些正確的標簽比如<script>在當前HTML5 DOCTYPE下解析

          HTML5簡易例子
          一個完整的html5頁面,不需要很多復雜的標簽

          復制內容到剪貼板
          1. <!DOCTYPE html>   
          2. <title> Small HTML 5</title>  
          3. <p> Hello world </p>  

          這就是一個簡單而完整的例子了。

          (有趣的是,當我刪除了 <title> 標記。 Hixie's DOM viewer 解析是通過W3C驗證器的。但 Henri Sivonen's 驗證器說這是無效的無的標記。)

          HTML5的完整性和兼容性
          最好,這里提供一個完整的HTML5例子,加入了樣式和新的標簽,為了解決一些IE內核的瀏覽器無法觀看,這里插入了解決這個問題的JS腳本

          復制內容到剪貼板
          1. <!DOCTYPE html>  
          2. <html>  
          3. <head>  
          4. <meta charset="utf-8" />  
          5. <title>HTML 5 complete</title>  
          6. <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->  
          7. <style>  
          8. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }  
          9. </style>  
          10. </head>  
          11. <body>  
          12. <p>Hello World!</p>  
          13. </body>  
          14. </html>  

           

           

          網站內容由Css3-Html5之家整理編輯 (如有疑問,請到Css3-Html5之家留言)

          Css3-Html5之家,專業的交流學習平臺。


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 安达市| 桓仁| 深泽县| 清水县| 保德县| 永年县| 东明县| 华池县| 阜阳市| 张家界市| 容城县| 石首市| 泸州市| 云安县| 黔江区| 鄱阳县| 宜春市| 南平市| 宁波市| 新乐市| 荔波县| 凤台县| 宁都县| 栾城县| 邻水| 仪征市| 轮台县| 池州市| 盐源县| 南和县| 绥宁县| 二手房| 焦作市| 富民县| 克拉玛依市| 仙桃市| 白沙| 观塘区| 丰台区| 广平县| 克拉玛依市|