小編給大家分享一下html5頁(yè)面結(jié)構(gòu)的變化以及增加和刪除標(biāo)簽有哪些，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！
傳統(tǒng)頁(yè)面結(jié)構(gòu)
html5頁(yè)面結(jié)構(gòu)
eg
1.結(jié)構(gòu)標(biāo)簽
section標(biāo)簽：section表示頁(yè)面中的一個(gè)內(nèi)容區(qū)塊，比如章節(jié)、頁(yè)眉、頁(yè)腳等，也可以和hn（h2、h3...）等一起使用，表示出文檔的結(jié)構(gòu)；
article標(biāo)簽：article元素表示頁(yè)面中的一塊與上下文不相關(guān)的獨(dú)立內(nèi)容，比如一篇文章；
aside標(biāo)簽：aside元素表示article元素內(nèi)容之外的，和article標(biāo)簽內(nèi)容相關(guān)的輔助信息；
header標(biāo)簽：header元素表示頁(yè)面中的一個(gè)內(nèi)容區(qū)塊或者整個(gè)頁(yè)面的標(biāo)題；
hgroup標(biāo)簽：表示對(duì)整個(gè)頁(yè)面或頁(yè)面中的一個(gè)內(nèi)容區(qū)塊的標(biāo)題進(jìn)行組合；
footer標(biāo)簽：footer元素表示整個(gè)頁(yè)面或者頁(yè)面中一個(gè)內(nèi)容區(qū)塊的腳注。一般來(lái)說(shuō)包含創(chuàng)作者的姓名、創(chuàng)作日期及聯(lián)系信息；
nav標(biāo)簽：表示頁(yè)面中導(dǎo)航鏈接的部分；
figure標(biāo)簽：表示一段獨(dú)立的流內(nèi)容，一般表示文檔主體流內(nèi)容中的一個(gè)獨(dú)立單元。使用figcaption標(biāo)簽為figure標(biāo)簽組添加標(biāo)題。
2.表單標(biāo)簽
email：必須輸入email；
url：必須輸入url地址；
number：必須輸入數(shù)值；
range：必須輸入一定范圍內(nèi)數(shù)值；
Date Pickers：日期選擇器；
search：用于搜索域，域顯示為常規(guī)的文本域；
color
3.媒體標(biāo)簽
video標(biāo)簽：定義視頻，像電影片段或其他視頻流。eg:
audio標(biāo)簽：定義音頻，像音樂(lè)或其他音頻流。eg:
embed標(biāo)簽：用來(lái)嵌入內(nèi)容（包括各種媒體），格式可以是Midi、Wav、AIFF、AU、MP3、flash等。eg:
4.其他功能標(biāo)簽
mark：標(biāo)注，呈現(xiàn)不一樣的顏色；
progress：進(jìn)度條；
time：標(biāo)注時(shí)間；
ruby：對(duì)某個(gè)字進(jìn)行注釋；
rt：
wbr：軟換行，當(dāng)一行顯示不下就換行；
canvas
command：命令；
details：展開(kāi)詳情；
datalist：提示內(nèi)容；
keygen：加密；
output：計(jì)算表單結(jié)果并給出輸出值；
source
menu：菜單。
刪除標(biāo)簽1.可以用css代替的標(biāo)簽
2.不再使用frame
frameset
frame
noframes
3.只有個(gè)別瀏覽器支持的標(biāo)簽
4.其他不常用的標(biāo)簽
看完了這篇文章，相信你對(duì)html5頁(yè)面結(jié)構(gòu)的變化以及增加和刪除標(biāo)簽有哪些有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，感謝各位的閱讀！
重慶分公司
重慶分公司
