HTML5架構
HTML5架構,(HTML5 Boilerplates )
html5文檔的快速建立
html5文檔非常容易建立,你只需要改變文檔頭部的DOCTYPE聲明。
復制內容到剪貼板
- <!DOCTYPE html>
這樣你就已經建立好一個HTML5文檔了,看看谷歌首頁是怎么做的吧
復制內容到剪貼板
- <!doctype html>
- <head>
- <title> HTML 5 - Google Search </ title>
- <script>
- ..
但是谷歌的驗證和搜索結果頁面都沒有使用,因為那些頁面還存在很多無效標簽,如<font>等,但是沒關系還是可以使用一些正確的標簽比如<script>在當前HTML5 DOCTYPE下解析
HTML5簡易例子
一個完整的html5頁面,不需要很多復雜的標簽
復制內容到剪貼板
- <!DOCTYPE html>
- <title> Small HTML 5</title>
- <p> Hello world </p>
這就是一個簡單而完整的例子了。
(有趣的是,當我刪除了 <title> 標記。 Hixie's DOM viewer 解析是通過W3C驗證器的。但 Henri Sivonen's 驗證器說這是無效的無的標記。)
HTML5的完整性和兼容性
最好,這里提供一個完整的HTML5例子,加入了樣式和新的標簽,為了解決一些IE內核的瀏覽器無法觀看,這里插入了解決這個問題的JS腳本
復制內容到剪貼板
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>HTML 5 complete</title>
- <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
- <style>
- article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
- </style>
- </head>
- <body>
- <p>Hello World!</p>
- </body>
- </html>
網站內容由Css3-Html5之家整理編輯 (如有疑問,請到Css3-Html5之家留言)
Css3-Html5之家,專業的交流學習平臺。