HTML5 新元素标签系列：最简版 HTML5
?
我們不討論為什么我們現(xiàn)在就可以用 HTML5 而不是等到2022，這篇文章將給你提供一系列 HTML樣板，你現(xiàn)在就可以把他們應(yīng)用在你的項(xiàng)目中。
?
五秒內(nèi)開(kāi)始用 HTML5
是你頁(yè)面的標(biāo)志符合 HTML5 一個(gè)超級(jí)簡(jiǎn)單的方法就是將 DOCTYPE ——不管它現(xiàn)在是什么——改為<!DOCTYPE html>。 就是這么簡(jiǎn)單，不需要再做其他的事。
Google 已經(jīng)這么做了，看一下他們的主頁(yè)，都只用了一行：<!doctype html><head><title>HTML 5 - Google Search</title><script>...
但想不到的是，Google的搜索結(jié)構(gòu)頁(yè)面并不符合標(biāo)準(zhǔn)，因?yàn)樗麄冇昧艘恍o(wú)效的標(biāo)簽如<font>還有一些其他的錯(cuò)誤，但還算好。通過(guò)使用正確的DOCTYPE，他們?nèi)匀焕蒙狭薍TML解析規(guī)則（比如說(shuō)在<script>沒(méi)有類型屬性）。
?
HTML5 最簡(jiǎn)版
如果你希望快速做出原型或者做個(gè)實(shí)驗(yàn)，而不需要太多樣式的話，你或許對(duì)以下的微縮版 HTML 5 文件感興趣：
這也是完全符合 HTML5 規(guī)范的。
（有趣的是，當(dāng)拿掉<title>標(biāo)簽后，對(duì)于這一文件是否還符合規(guī)范卻有不同的觀點(diǎn)）。
?
考慮HTML 5 完整性和兼容性
?
最后更完整的樣板需要指出字符集。沒(méi)有這個(gè)的話，有些字符可能不會(huì)正常顯示（以前我花費(fèi)了大量時(shí)間試圖搞清楚原因）
我們同樣還包含了 HTML5 shiv ，這樣的話我們就能在 IE 中給元素添加樣式。注意，你必須在 <head> 元素里包含這段腳本（代碼中綠色部分）。
最后，我們添加了一些 CSS 樣式，是塊元素能顯示為塊，因?yàn)檫@并不是許多瀏覽器的默認(rèn)行為。
那么，下面就是這個(gè)了——一個(gè)有效完整的 HTML5文件樣板：
<!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>如果你想使用 HTML5做一些實(shí)驗(yàn)，默認(rèn)的 JS Bin模板是一個(gè) HTML5 樣板，你可以拿來(lái)使用。
?
轉(zhuǎn)載于:https://www.cnblogs.com/h5rocks/archive/2012/11/28/2793516.html
總結(jié)
以上是生活随笔為你收集整理的HTML5 新元素标签系列：最简版 HTML5的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Centos 7源码编译搭建Nginx
- 下一篇： 修改MFC的图标