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