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