首頁  >  文章  >  web前端  >  淺談 簡明版 核心架構設計

淺談 簡明版 核心架構設計

巴扎黑
巴扎黑原創
2017-06-15 14:31:321449瀏覽

HTMLDocument上的擴充HTML5在DOM Level 2 HTML上擴充了一些HTMLDocument的介面。這些介面在所有實作了Document介面的元素物件上進行了實作。 HTML5在裡面也新增加了幾個成員:getElementsByClassName():用class類別取得元素,用這個方法可以查詢任何帶有class屬性且有符合該class參數值的元素和Document物件(例如:SVG和MathML )。 innerHTML:一種解析和序列化HTML/XML文件的方式,該屬性在先前版本的瀏覽器裡只支援HTMLElement並且沒有標準化,現在已經支援HTMLDocument了。 activeElement和hasFocus:聲明哪個元素是目前的焦點元素和該Document是否有各自的焦點。 HTMLElement上的擴充功能在HTML5裡,也為HTMLElement介面增加了一些擴充功能:

#1. HTML5學習筆記簡潔版(11):新增的API

淺談 簡明版 核心架構設計

#簡介:HTML5在DOM Level 2 HTML上擴充了一些HTMLDocument的介面。這些介面在所有實作了Document介面的元素物件上進行了實作。 HTML5在裡面也新增加了幾個成員:

2. HTML5學習筆記簡明版(10):廢棄的元素和屬性

淺談 簡明版 核心架構設計

#簡介:這個小節列出的元素在HTML5裡將不再使用,現有文件升級到HTML5的話可以使用一些替代方案。例如parser section 可以處理isindex 元素的功能。

3. HTML5學習筆記簡潔版(9):變化的元素與屬性

淺談 簡明版 核心架構設計

簡介:以下元素在HTML5裡的用法稍作修改以便能在web裡更好的使用或起到更大作用:

4. HTML5學習筆記簡明版(8):新增的全域屬性

淺談 簡明版 核心架構設計

簡介:任何元素使用contenteditable屬性的話,代表該元素是一個可編輯的區域。使用者可以改變元素的內容以及操作標記。例如:

5. HTML5學習筆記簡明版(7):新增屬性(2)

淺談 簡明版 核心架構設計

簡介:input 和textarea 元素有了一個新元素dirname,用於使用者所設定的提交的方向性的控制(譯註,即書寫的方向性,ltr或rtl)。

6. HTML5學習筆記簡潔版(6):新增屬性(1)

淺談 簡明版 核心架構設計

簡介:

7. HTML5學習筆記簡明版(5):input的type超級型別

淺談 簡明版 核心架構設計

簡介:HTML5為input的type型別增加了多種枚舉值,用來表達不同的意思,同事具有驗證功能,如果格式不對,瀏覽器將原始提供錯誤提示,堪稱超級牛X啊,具體如下:

8. HTML5學習筆記簡明版(4) :新元素之meter,datalist,keygen,output

淺談 簡明版 核心架構設計

#######

簡介:透過

9. HTML5學習筆記簡明版(3):新元素之hgroup,header,footer

淺談 簡明版 核心架構設計

#簡介:HTML5學習筆記簡明版(3):新元素之hgroup,header,footer,address,nav

#10 . HTML5學習筆記簡明版(2):新元素之section,article,aside

淺談 簡明版 核心架構設計

簡介:section元素描繪的是一個文件或程式裡的普通的section節,一般來說一個section包含一個head和一個content內容區塊。 section可以表示成一個小節,或是tab頁面裡的一個tab下的box塊。一個頁面裡可以拆分成多個section,分別代表introduction, news items和contact information。

【相關問答推薦】:

#

以上是淺談 簡明版 核心架構設計的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn