注：本文中的例子應(yīng)該用代碼展示的，但是因?yàn)楝F(xiàn)在用的DOCTYPE為XHTML1.0，瀏覽器讀不出來HTML5代碼，pre也沒法
代碼閱讀，所以只能通過文字來說明了。

 避免不必要的復(fù)雜性
如果可能，簡明的解決方案總是比復(fù)雜的解決方案更受歡迎。
HTML 4.01的文檔類型是這樣設(shè)置(因?yàn)闉g覽器解析的原因，我把尖括號省略了)：
!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”
XHTML 1.0的DOCTYPE是：
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”
而在HTML 5中，省掉不必要的復(fù)雜性，doctype就簡化成了：!DOCTYPE html
支持已有的內(nèi)容
已存在的內(nèi)容依賴于預(yù)期的用戶代理處理過程和行為，來實(shí)現(xiàn)預(yù)期的功能。
支持已有的內(nèi)容是指，對已存在的內(nèi)容100%的支持。
解決現(xiàn)實(shí)的問題
對應(yīng)網(wǎng)頁內(nèi)容面對的問題，不能迎合存在需要的摘要架構(gòu)是勝不過實(shí)際的解決方案的。
舉例子，假設(shè)我使用HTML 4或XHTML 1，對應(yīng)一個整塊內(nèi)容，比如一個商品列表好了，有商品圖、商品標(biāo)題、商品簡介等，我要分別給這三塊元素加上三個相同的鏈接。然而在HTML5里面，你完全可以用一個a標(biāo)簽包含這三個區(qū)塊。也就是，a標(biāo)簽包含塊級元素。這解決了現(xiàn)實(shí)的問題。
求真務(wù)實(shí)
HTML5中新的語義元素就是遵循求真務(wù)實(shí)原理的反映。
假如你現(xiàn)在看網(wǎng)頁，估計都會有這樣的一些代碼： id=”header” id=”navigation” id=”main” id=”sidebar” id=”footer” 然而在HTML5里面，新增的標(biāo)簽可以把相應(yīng)的div替換掉，比如header、nav、aside、footer。別以為這些是id的替換品，不是的，新標(biāo)簽其實(shí)是替換class的，因?yàn)檫@些標(biāo)簽可以在頁面中重復(fù)使用。
平穩(wěn)退化
應(yīng)該制定HTML5 文檔的一致性要求，甚至利用新元素、屬性、API和內(nèi)容模型。這樣，網(wǎng)頁內(nèi)容才能在更老或者能力較弱的用戶代理中優(yōu)雅降級。
就用HTML5表單來說明吧，input新增的type有number、search、range、email、date、url等，這些新type值在不支持它的瀏覽器里面，將被解釋為text。所以，可以大膽使用HTML5表單，它做到了“優(yōu)雅降級”。
最終用戶優(yōu)先
一旦遇到?jīng)_突，最終用戶優(yōu)先，其次是作者，其次是實(shí)現(xiàn)者，其次標(biāo)準(zhǔn)制定者，最后才是理論上的完滿。
PDF：design of html5