Key
  
Value
  
Action
 

  

  

  
?
      ?
 ...

input、textarea元素可使用placeholder屬性來幫助用戶填寫數(shù)據(jù)，注意，它不應(yīng)當(dāng)替代label元素的作用

非type="hidden"的input、select、textarea、button可使用autofocus元素來制定自動(dòng)獲得焦點(diǎn)的元素

input、select、textarea有新屬性required，代表了用戶需要填寫該字段，才可以提交這個(gè)表單。select的第一個(gè)元素應(yīng)當(dāng)為沒有值的元素，以作為空值的占位符

Color: 
 Choose one
 Red
 Green
 Blue

fieldset標(biāo)簽允許使用disabled屬性，這將禁止所有子元素的交互；它同時(shí)還可以使用name以方便腳本獲取

input元素有了用于指明輸入限制的屬性autocomplete, min,max, multiple, pattern及step

input type="image"的元素有width和height屬性

input與textarea元素有了dirname以指明書寫方向（譯注：ltr或rtl）

textarea元素有了新的屬性，如maxlength、minlength、wrap來控制最大輸入長度與提交時(shí)的斷行行為

form元素有了novalidate屬性來禁止默認(rèn)的表單驗(yàn)證行為

input與button元素有了formaction, formenctype, formmethod, formnovalidate與formtarget屬性，用于覆蓋繼承自form的action, enctype, method, novalidate及target屬性

input元素有了minlength和maxlength屬性

非表單元素的新屬性：

area元素同a和link元素一樣有了新的hreflang、type、rel屬性

base元素同a一樣可以有target屬性

meta元素有了charset屬性

script元素有了async屬性將影響腳本的加載與運(yùn)行

html元素有manifest屬性，可用于指定緩存行為

link元素有了新的屬性sizes，可以指定不同的大小的favicon

ol元素有了新的屬性reversed，它代表著列表的順序是逆序的

iframe元素有了sandbox和srcdoc屬性以支持沙盒安全保護(hù)

object元素有了typemustmatch元素以保證更安全的嵌入順序

img元素有crossorigin屬性以在canvas中支持CORS

HTML4中有一些全部標(biāo)簽都可以使用的屬性，在HTML5中叫做全局屬性，如：accesskey , class, dir, id, lang, style, tabindex 及title。此外，XHTML 1.0僅允許一些標(biāo)簽上的xml:space屬性設(shè)置。
有這些新的全局屬性：

contenteditable

data-*代表了開發(fā)定制的屬性，這種格式可以避免與將來的新HTML屬性沖突

hidden屬性代表一個(gè)元素不再與文檔相關(guān)

role及aria-*用于支持無障礙訪問

spellcheck用于指定內(nèi)容是否允許進(jìn)行拼寫檢查

translate用于指定內(nèi)容是否應(yīng)當(dāng)翻譯

b元素現(xiàn)在表示一段加強(qiáng)表示的文本，但并不表達(dá)額外的重要性、暗示需要加重的語氣和聲調(diào)(譯注：與em的語義區(qū)分開來)。比如文檔摘要里的關(guān)鍵字、產(chǎn)品評(píng)價(jià)里的產(chǎn)品名字、可以與之交互的文本等等

i元素現(xiàn)在代表了一段需要使用不同的語氣或聲調(diào)的文本，或代表了不同品類的文本，如分類學(xué)名稱、科技術(shù)語、其他語言中的方言或俚語等等

s元素代表了不再準(zhǔn)確/相關(guān)的元素

small元素代表了旁注，如免責(zé)聲明、注意事項(xiàng)、法律限制或版權(quán)聲明

strong元素代表了重要性，而非著重強(qiáng)調(diào)

u元素 represents a span of text with an unarticulated, though explicitly rendered, non-textual annotation, such as labeling the text as being a proper name in Chinese text (a Chinese proper name mark), or labeling the text as being misspelt.（譯注：沒理解這個(gè)元素的語義）

address元素的范圍現(xiàn)已由最近的祖先article/body元素決定，代表了后者的聯(lián)系信息

script標(biāo)簽可以被用于自定義數(shù)據(jù)塊

blockquote元素依然表示從另外一個(gè)來源里摘錄的內(nèi)容，但現(xiàn)在允許包含footer或cite元素

dl元素現(xiàn)在代表了有關(guān)聯(lián)的命名-值的列表，但不再適用于對(duì)話了

hr元素代表了段與段之間的主題意義上的區(qū)隔（譯注：即暗示段落主題已經(jīng)發(fā)生了變化）

noscript元素 represents nothing if scripting is enabled, and represents its children if scripting is disabled. It is used to present different markup to user agents that support scripting and those that don"t support scripting, by affecting how the document is parsed.（譯注：沒看出來前后有什么區(qū)別）

（譯注：大部分是限制放寬，略）

開發(fā)不應(yīng)當(dāng)使用這些廢棄的元素了，但是UA仍應(yīng)當(dāng)支持他們。

這些元素被廢棄，因?yàn)樗麄儍H僅是用于展現(xiàn)層面的標(biāo)簽，他們用CSS處理更好：basefont、big、center、font、strike、tt。

這些元素被廢棄，因?yàn)樗麄冇袚p可訪問性與可用性：frame、frameset、noframes

這些元素被廢棄，因?yàn)樗麄兒庇腥耸褂谩⒂衅渌靥娲蛟斐闪嗣曰螅?/p>

在表示省略語的時(shí)候，acronym被abbr取代

applet被object取代

isindex元素被表單元素取代

dir被ul取代

最后，noscript僅僅可以在HTML語法中被使用，它不被XML語法允許。
因?yàn)樾枰谝曈X上隱藏它內(nèi)部的內(nèi)容，同時(shí)不允許noscript內(nèi)部內(nèi)容有運(yùn)行腳本、應(yīng)用樣式、擁有可以提交的表單、加載資源等行為，所以noscript內(nèi)部的內(nèi)容將被當(dāng)作純文本解析。

這些屬性被廢棄，你可以在這里找到你能夠用以替代的屬性或標(biāo)簽。

a廢棄屬性：shape, coords, rev, charset

area廢棄屬性：nohref

form廢棄屬性：accept

head廢棄屬性：profile

html廢棄屬性：version

iframe廢棄屬性：longdesc

img廢棄屬性：name

input廢棄屬性：usemap

link廢棄屬性：target, rev, charset

meta廢棄屬性：scheme

object廢棄屬性：archive,?classid,?codebase,?codetype,?declare,?standby

param廢棄屬性：valuetype,?type

table廢棄屬性：summary

td廢棄屬性：axis, abbr, scope

th廢棄屬性：axis

此外，HTML不再包含純用于表現(xiàn)的屬性，它們應(yīng)當(dāng)被CSS替代：

caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead和tr的align屬性被廢棄

body的alink, link, text, background屬性被廢棄

table, tr, td, th和body的bgcolor屬性被廢棄

object的border屬性被廢棄

table的cellpadding和cellspacing屬性被廢棄

col, colgroup, tbody, td, tfoot, th, thead和tr的char和charoff屬性被廢棄

br的clear屬性被廢棄

dl, ol和ul的compact屬性被廢棄

table的frame屬性被廢棄

iframe的frameborder屬性被廢棄

td和th的height屬性被廢棄

img和object的hspace和vspace屬性被廢棄

iframe的marginheight和marginwidth屬性被廢棄

hr的noshade屬性被廢棄

td和th的nowrap屬性被廢棄

table的rules屬性被廢棄

iframe的scrolling屬性被廢棄

hr的size屬性被廢棄

li,和ul的type屬性被廢棄

col, colgroup, tbody, td, tfoot, th, thead和tr的valign屬性被廢棄

hr, table, td, th, col, colgroup和pre的width屬性被廢棄

下列屬性允許使用，但不鼓勵(lì)被使用：

img元素上的border屬性。如果使用，要求使用0作為值。應(yīng)當(dāng)替代為CSS控制

script元素上的language屬性。如果使用，要求使用JavaScript（不區(qū)分大小寫），同時(shí)不應(yīng)當(dāng)與type屬性沖突。由于它沒有實(shí)際意義，開發(fā)應(yīng)當(dāng)省略它

a的name屬性。開發(fā)應(yīng)當(dāng)使用id來替代它

內(nèi)容模型即元素的嵌套規(guī)則。

內(nèi)容模型層面，HTML4有這些混亂的規(guī)則：

有兩個(gè)大類"inline"和"block-level"元素，有一些元素不屬于任何一個(gè)類別

有一些元素允許嵌套inline元素(如p)；
有些允許嵌套block-level元素(如body)；
有些都允許(如div)；
然而一些元素不根據(jù)類別、而僅僅允許嵌套特定元素(如table dl)；
或完全不允許嵌套元素

一個(gè)元素可能在一個(gè)類別中，而內(nèi)容模型卻在另外一個(gè)類別中。
比如p屬于block-level，但內(nèi)容模型為inline。

更加讓人混淆的是，針對(duì)HTML4的不一樣的DTD聲明——Strict、Transitional或Frameset——有不一樣的內(nèi)容模型。
比如Strict下body元素僅僅允許嵌套block-level元素，但在Transitional下，body元素兩種元素都允許嵌套

CSS的視覺格式化模型中也存在"block-level element"和"inline-level element"的區(qū)分，它跟CSS中的display屬性相關(guān)，同時(shí)沒有跟HTML的內(nèi)容模型有任何關(guān)聯(lián)

HTML5的內(nèi)容模型不再使用"inline"和"block-level"的方式區(qū)分元素，為避免與CSS類似概念的混淆。然而，比起HTML4，它增加了更多類別，一個(gè)元素可以屬于任意個(gè)數(shù)的類別。

HTML5中劃分出來的類別如下：

Metadata，如link、script

Flow，如span、div、文本節(jié)點(diǎn)。它接近于HTML4層面的block-level和inline的混合

Sectioning，如aside、section

Heading，如h1

Phrasing，如span、img、文本節(jié)點(diǎn)。它接近于HTML4的inline概念

Embedded，如img、iframe、svg

Interactive，如a、button、label

與HTML4有很大不一樣的一點(diǎn)是，HTML5中不再出現(xiàn)僅僅允許嵌套"block-level"的類別了（譯注：因?yàn)镠TML5已經(jīng)不存在"block-level"類別的標(biāo)簽了）。
比如，body允許Flow類別的內(nèi)容。這個(gè)規(guī)則比起HTML4 Strict，它更接近HTML4 Transitional。

更多變化包括：

address元素允許嵌套Flow類別的標(biāo)簽，但不允許嵌套Heading、Section類別的元素，不允許嵌套header、footer、另一個(gè)address

HTML4允許object出現(xiàn)在head內(nèi)部，但HTML5不允許

noscript元素由block-level類別轉(zhuǎn)為Phrasing類別

table, thead, tbody, tfoot, tr, ol, ul及dl元素允許為空

表格元素需要遵從表格模型。比如兩個(gè)單元格不允許交疊

table元素允許tfoot元素作為它的最后一個(gè)子元素

caption元素允許嵌套Flow類別的元素，但不允許嵌套table元素

th元素允許嵌套Flow類別的元素，但不允許嵌套header元素、footer元素、Sectioning類別或Heading類別的元素

a的內(nèi)容模型為transparent，它與它的父級(jí)擁有同樣的內(nèi)容模型，這意味著在a的父級(jí)允許Flow類別的子元素的時(shí)候，a可以嵌套div元素。
此外，它不允許嵌套Interactive類別的元素

ins和del元素的內(nèi)容模型為transparent。
HTML4有類似的規(guī)則，但無法在DTD中表達(dá)出

在object元素的param子元素以后，內(nèi)容模型為transparent
（譯注：這個(gè)規(guī)則應(yīng)該是為了覆蓋object內(nèi)嵌套embed的場景）

map元素的內(nèi)容模型為transparent
當(dāng)有一個(gè)map作為祖先節(jié)點(diǎn)的時(shí)候，area元素被當(dāng)作Phrasing類別的元素，同時(shí)area不再需要成為map的直接子節(jié)點(diǎn)

legend元素不再是fieldset必須的子節(jié)點(diǎn)了

HTML5引進(jìn)、修改、擴(kuò)展、廢棄了很多API。

HTML5為了幫助創(chuàng)建Web App，引入了一些新的接口：

媒體標(biāo)簽video和audio的播放流程控制、同步多個(gè)媒體標(biāo)簽、字幕等接口

表單限制驗(yàn)證接口
（如setCustomValidity）

引入應(yīng)用緩存機(jī)制，允許Web App離線的API

允許Web App注冊(cè)為對(duì)應(yīng)協(xié)議或媒體類型的處理應(yīng)用的APP的API。
（即registerProtocolHandler和registerContentHandler）

引入contenteditable屬性，允許編輯任意元素的接口

暴露會(huì)話歷史、允許使用腳本無刷新更新頁面URL
（History接口）

base64轉(zhuǎn)換API
（atob()及btoa()）

處理搜索服務(wù)提供方的接口
（AddSearchProvider()及IsSearchProviderInstalled()）

External接口

打印文檔的接口
（print()）

（譯注：下列接口是很早就有，屬于BOM中的共識(shí)部分，直到HTML5才加入標(biāo)準(zhǔn)）

暴露文檔URL、允許使用腳本切換、刷新頁面的接口
（Location接口）

基于時(shí)間的回調(diào)接口
（setTimeout()及setInterval()）

提供給用戶的提示接口
（alert()，confirm()，prompt()）

Window接口

Navigator接口

如下DOM 2的接口已被改動(dòng)：

document.title的返回值將會(huì)折疊多個(gè)空格符

document.domain允許賦值，因此可以改變文檔的script origin

document.open()可以清空文檔（如果調(diào)用時(shí)僅有兩個(gè)或以下參數(shù)），或像是window.open()一樣表現(xiàn)（如果調(diào)用時(shí)有三個(gè)或四個(gè)參數(shù)）。在前種調(diào)用方式下，拋出一個(gè)XML異常

document.close()、document.write()、document.writeln()拋出一個(gè)XML異常。后兩者允許可變參數(shù)，他們可以在文檔解析階段往文檔流中加入文本，并隱式調(diào)用document.open()。在一些情形下，他們都可能會(huì)被忽略

document.getElementsByName()將返回滿足name符合參數(shù)的所有HTML元素

HTMLFormElement的elements接口將返回HTMLFormControlsCollection，包括button, fieldset, input, keygen, object, output, select及textarea

HTMLSelectElement的add()接口允許第二個(gè)參數(shù)為數(shù)字

HTMLSelectElement的remove()接口在參數(shù)越界的時(shí)候，將刪除集合中第一個(gè)元素

在所有的HTML元素中都可以調(diào)用click()、focus()及blur()接口了

a及areastringify為它們的href屬性
（譯注：意味著HTMLAnchorElement和HTMLAreaElement對(duì)應(yīng)的toString方法返回它們的href屬性）

DOM Level 2中有個(gè)HTMLDocument接口，繼承自Document接口，并提供了文檔內(nèi)部的元素（僅局限于HTML范疇內(nèi)）訪問接口。
HTML5將這些成員移動(dòng)到了Document接口中，并在特定方向上拓展了它。由于各類文檔（譯注：XML、HTML5、SVG等等文檔）都使用了Document接口，而HTML5范疇內(nèi)的元素在所有類別的文檔中都可用，因此這些接口在SVG等文檔中都可以很好的運(yùn)作。

此外，Document接口還有一些新成員：

location、lastModified及readyState：用于幫助管理文檔的元數(shù)據(jù)(metadata)

dir、head、embeds、plugins、scripts：用于獲取DOM樹的不同部分

activeElement及hasFocus接口，用于判斷一個(gè)元素是否獲得了焦點(diǎn)

文檔編輯接口：designMode、execCommand()、queryCommandEnabled()、queryCommandIndeterm()、queryCommandState()、queryCommandSupported()、queryCommandValue()

所有的IDL事件處理屬性。此外，onreadystatechange是唯一一個(gè)在Document上才有效的接口

在腳本中修改了HTMLDocument原型的那部分還是可以正常運(yùn)轉(zhuǎn)的，由于window.HTMLDocument也將返回Document接口。

HTMLElement接口也在HTML5中得到了擴(kuò)展：

用于得到data-*的屬性的接口dataset

click()、focus()、blur()接口允許腳本模擬用戶點(diǎn)擊與切換焦點(diǎn)

accessKeyLabel給予UA賦予該元素的快捷鍵，開發(fā)可以通過accesskey屬性來影響UA的該行為

isContentEditable返回元素是否可以編輯

全部的IDL事件處理屬性

得到元素屬性的接口如translate、hidden、tabIndex、accessKey、contentEditable、spellcheck、style
（譯注：DOM Level 2僅建議采用Element接口上的setAttribute和getAttribute來獲取或設(shè)置HTML Attribute，HTML5的這些定義擴(kuò)展了HTML Attribute的范圍，讓它們可以像DOM Property一樣set和get——UA早已廣泛支持）

有些之前在HTMLElement上定義接口被移動(dòng)到了Element接口中：id、className、classList、getElementsByClassName()
（譯注：擴(kuò)展了DOM Level 2上的Element接口定義，可以直接set/get id等屬性值了——UA早已廣泛支持）

DOM Level 2中的其它接口也得到了擴(kuò)展。

此外：

HTMLLinkElement和HTMLStyleElement實(shí)現(xiàn)了CSSOM中的LinkStyle接口

HTMLAnchorElement、HTMLLinkElement和HTMLAreaElement實(shí)現(xiàn)了URLUtils接口

在HTML5中已被廢棄的屬性，其對(duì)應(yīng)IDL屬性接口也將被廢棄。如bgColor已被廢棄，那么HTMLBodyElement之上的IDL屬性接口bgcolor也被廢棄

在HTML5中已被廢棄的元素，其對(duì)應(yīng)接口也被廢棄，包括HTMLAppletElement, HTMLFrameSetElement, HTMLFrameElement, HTMLDirectoryElement及HTMLFontElement、HTMLBaseFontElement

由于HTML解析器將isindex替代為其他元素了，HTMLIsIndexElement接口被廢棄

一些成員屬性從HTMLDocument接口移動(dòng)到了Document接口，因此在原來的HTMLDocument下被廢棄：anchors和applets。