首頁>網頁設計教程>HTML教程

HTML5頁面架構（HTML5 Boilerplates ）

作者：Eve Cole 更新時間：2025-03-27 01:32:01

HTML5架構

HTML5架構，（HTML5 Boilerplates ）

html5文檔的快速建立

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

  1. <!DOCTYPEhtml>

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

複製內容到剪貼板
  1. <!doctypehtml>
  2. <head>
  3. <title>HTML5-GoogleSearch</title>
  4. <script>
  5. ..

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

HTML5簡易例子

一個完整的html5頁面，不需要很多複雜的標籤

複製內容到剪貼板
  1. <!DOCTYPEhtml>
  2. <title>SmallHTML5</title>
  3. <p>Helloworld</p>

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

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

HTML5的完整性和兼容性

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

  1. <!DOCTYPEhtml>
  2. <html>
  3. <head>
  4. <metacharset=utf-8/>
  5. <title>HTML5complete</title>
  6. <!--[ifIE]><scriptsrc=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>HelloWorld!</p>
  13. </body>
  14. </html>
相關文章