更新時間:2019-07-18 來源:黑馬程序員 瀏覽量:
HTML1.0到5.0經(jīng)歷了巨大的變化,從單一的文本顯示功能到圖文并茂的多媒體顯示功能,許多特性經(jīng)過多年的完善,已經(jīng)發(fā)展成為一種非常重要的標記語言。HTML5新增了一些結(jié)構(gòu)性標記、多媒體標記和表單標記,下面對常用的新增標記進行講解。
1.結(jié)構(gòu)性標記
結(jié)構(gòu)性標記主要用來對頁面結(jié)構(gòu)進行劃分,就像在設(shè)計網(wǎng)頁時將頁面分為導航、內(nèi)容部分、頁腳等,確保HTML文檔的完整性。
● article:用于表示一篇文章的主題內(nèi)容,一般為文字集中顯示的區(qū)域。
● header:頁面主體上的頭部。
● nav:是專門用于菜單導航、鏈接導航的標記。
● section:用于表達書的一部分或一章,在Web頁面應(yīng)用中,該標記也可用于區(qū)域的章節(jié)表述。
2.多媒體標記
多媒體標記主要解決了以往通過 Flash等進行視頻的一些展示,新增的標記使HTML功能變得更加強大了。
● video:視頻標記,用于支持和實現(xiàn)視頻文件的直接播放,支持緩沖預載和多種視頻媒體格式,如WEBM、MP4、OGG。
● audio:音頻標記,用于支持和實現(xiàn)音頻文件的直接播放,支持緩沖預載和多種音頻媒體格式,如MP3、OGG、WAV。
3.表單標記
表單標記主要用于功能性的內(nèi)容表達,會有一定的內(nèi)容和數(shù)據(jù)的關(guān)聯(lián)。
● datalist:配合< Input/>標記定義一個下拉列表。
以上我們介紹了,HTML5 新增的標記,希望對您有所幫助,如果想里了解更多H5相關(guān)信息,請點擊頁面咨詢按鈕,獲得幫助。
推薦了解熱門學科
java培訓 | Python人工智能 | Web前端培訓 | PHP培訓 |
區(qū)塊鏈培訓 | 影視制作培訓 | C++培訓 | 產(chǎn)品經(jīng)理培訓 |
UI設(shè)計培訓 | 新媒體培訓 | 產(chǎn)品經(jīng)理培訓 | Linux運維 |
大數(shù)據(jù)培訓 | 智能機器人軟件開發(fā) |