html5頁面結(jié)構(gòu)的變化以及增加和刪除標(biāo)簽有哪些

小編給大家分享一下html5頁面結(jié)構(gòu)的變化以及增加和刪除標(biāo)簽有哪些，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

頁面結(jié)構(gòu)

傳統(tǒng)頁面結(jié)構(gòu)

html5頁面結(jié)構(gòu)

eg

新增標(biāo)簽

1.結(jié)構(gòu)標(biāo)簽

section標(biāo)簽：section表示頁面中的一個(gè)內(nèi)容區(qū)塊，比如章節(jié)、頁眉、頁腳等，也可以和hn（h2、h3...）等一起使用，表示出文檔的結(jié)構(gòu)；

article標(biāo)簽：article元素表示頁面中的一塊與上下文不相關(guān)的獨(dú)立內(nèi)容，比如一篇文章；

aside標(biāo)簽：aside元素表示article元素內(nèi)容之外的，和article標(biāo)簽內(nèi)容相關(guān)的輔助信息；

header標(biāo)簽：header元素表示頁面中的一個(gè)內(nèi)容區(qū)塊或者整個(gè)頁面的標(biāo)題；

hgroup標(biāo)簽：表示對整個(gè)頁面或頁面中的一個(gè)內(nèi)容區(qū)塊的標(biāo)題進(jìn)行組合；

footer標(biāo)簽：footer元素表示整個(gè)頁面或者頁面中一個(gè)內(nèi)容區(qū)塊的腳注。一般來說包含創(chuàng)作者的姓名、創(chuàng)作日期及聯(lián)系信息；

nav標(biāo)簽：表示頁面中導(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: <video src="movie.ogg" controls="controls">video標(biāo)簽</video>

audio標(biāo)簽：定義音頻，像音樂或其他音頻流。eg: <audio src="someaudio.wav">audio標(biāo)簽</audio>

embed標(biāo)簽：用來嵌入內(nèi)容（包括各種媒體），格式可以是Midi、Wav、AIFF、AU、MP3、flash等。eg: <embed src="flash.swf" />

4.其他功能標(biāo)簽

mark：標(biāo)注，呈現(xiàn)不一樣的顏色；

progress：進(jìn)度條；

time：標(biāo)注時(shí)間；

ruby：對某個(gè)字進(jìn)行注釋；

rt：

wbr：軟換行，當(dāng)一行顯示不下就換行；

canvas

command：命令；

details：展開詳情；

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)簽

看完了這篇文章，相信你對html5頁面結(jié)構(gòu)的變化以及增加和刪除標(biāo)簽有哪些有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！