在html5中，新增了很多的元素，這些新增的元素主要包括了與結(jié)構(gòu)相關(guān)和與結(jié)構(gòu)無關(guān)的以及表單相關(guān)的一些元素。那么接下來就讓我們了解一下這些經(jīng)過了更新?lián)Q代的元素吧！
1.新增的與結(jié)構(gòu)相關(guān)的元素在html4中，與結(jié)構(gòu)相關(guān)的元素主要使用＜div＞，并配合css樣式進行頁面布局，在html5中，可以直接使用各種主體結(jié)構(gòu)元素進行布局，這些元素包括:
●section元素 表示頁面的一個內(nèi)容區(qū)塊。
●article元素 表示頁面的一塊獨立內(nèi)容。
●aside元素 表示頁面上article元素之外的，但是與article相關(guān)的輔助信息。
●nav元素 表示頁面中導(dǎo)航鏈接的部分。
在HTML5中，還新增了一些非主體結(jié)構(gòu)元素，這些元素包括:
●header元素 表示頁面中一個內(nèi)容區(qū)塊section或者整個頁面的標題。
●hgroup元素 表示對整個頁面或者頁面中一個內(nèi)容區(qū)塊section的header進行組合。
●footer元素 表示整個頁面或者頁面中一個內(nèi)容區(qū)塊section的頁腳。
●figure元素 表示一段獨立的文檔流內(nèi)容。
●figcaption元素 表示figure元素的標題。
2.新增的與結(jié)構(gòu)無關(guān)的元素
這些元素主要用于定義音視頻、進度條、時間、注釋等，主要包括:
●video元素 用于定義視頻，無須object type=video/ogg。
●audio元素 用于定義音頻，無須object type=application/ogg。
●embed元素 用于插入各種多媒體，可以是各種模式。
●mark元素 用于用戶在視覺上突出顯示某些文字。
●progress 表示運行中的進程。
●time元素 用于表示日期、時間。
●ruby元素 表示ruby注釋。
●rt元素 表示字符的解釋或發(fā)音。
●rp元素 在ruby內(nèi)使用，表示不支持ruby元素的瀏覽器所顯示的內(nèi)容。
●wbr元素 表示軟換行，可以根據(jù)瀏覽器的窗口或者父級元素的寬度自己決定。
●canvas元素 表示畫布，然后讓腳本把想要的東西畫在上面。
●command元素 表示命令按鈕。
●details元素 表示當用戶單擊某元素時想要得到的細節(jié)信息，常和summary元素聯(lián)合使用。
●summary元素 是details元素的*個子元素，表示details的標題。
●datalist元素 表明了可以選擇的數(shù)據(jù)列表，以下拉表形式顯示。
●datagrid元素 表明了可選的數(shù)據(jù)列表，但是以樹列表的形式顯示。
●keygen元素 表示生成密鑰。
●output元素 表示不同類型的輸出。
●source元素 表示為video、audio等媒體元素定義資源。
●menu元素 表示了菜單列表。
3.新增的表單元素類型
email 表示必須輸入E-mail地址的文本輸入框。
url 表示必須輸入UPL地址的文本輸入框。
number 表示必須輸入數(shù)值的文本輸入框。
range 表示必須輸入一定范圍內(nèi)數(shù)字的文本輸入框。
好了，這次的關(guān)于html5語法中新增的元素就到這里了，下次我們說說還有那些新增的屬性，祝大家生活愉快、身體健康。
歡迎感興趣的朋友來校咨詢，我們的網(wǎng)址:
也可關(guān)注我校公眾號:pyyuanxing，也可以添加微信號yx-peixun。
地址:番禺區(qū)市橋街橋東路63號銀座中心7樓全層
