我的家園

          我的家園

          HTML5架構(HTML5 Boilerplates )

          Posted on 2012-04-15 16:37 zljpp 閱讀(137) 評論(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之家,專業的交流學習平臺。


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


          網站導航:
           
          主站蜘蛛池模板: 晴隆县| 陇西县| 宁津县| 门头沟区| 凉城县| 交口县| 乌苏市| 沙坪坝区| 宽甸| 阳曲县| 泾阳县| 灵武市| 河西区| 德令哈市| 曲麻莱县| 昌图县| 西充县| 衡东县| 武平县| 中阳县| 班戈县| 梁山县| 南昌市| 沙湾县| 周宁县| 高清| 南岸区| 依兰县| 贵港市| 友谊县| 革吉县| 松阳县| 凤翔县| 临漳县| 修文县| 洛隆县| 尉犁县| 安西县| 湾仔区| 曲麻莱县| 天峻县|