html5頁面結構的變化以及增加和刪除標簽有哪些

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

頁面結構

傳統頁面結構

html5頁面結構

eg

新增標簽

1.結構標簽

section標簽：section表示頁面中的一個內容區塊，比如章節、頁眉、頁腳等，也可以和hn（h2、h3...）等一起使用，表示出文檔的結構；

article標簽：article元素表示頁面中的一塊與上下文不相關的獨立內容，比如一篇文章；

aside標簽：aside元素表示article元素內容之外的，和article標簽內容相關的輔助信息；

header標簽：header元素表示頁面中的一個內容區塊或者整個頁面的標題；

hgroup標簽：表示對整個頁面或頁面中的一個內容區塊的標題進行組合；

footer標簽：footer元素表示整個頁面或者頁面中一個內容區塊的腳注。一般來說包含創作者的姓名、創作日期及聯系信息；

nav標簽：表示頁面中導航鏈接的部分；

figure標簽：表示一段獨立的流內容，一般表示文檔主體流內容中的一個獨立單元。使用figcaption標簽為figure標簽組添加標題。

2.表單標簽

email：必須輸入email；

url：必須輸入url地址；

number：必須輸入數值；

range：必須輸入一定范圍內數值；

Date Pickers：日期選擇器；

search：用于搜索域，域顯示為常規的文本域；

color

3.媒體標簽

video標簽：定義視頻，像電影片段或其他視頻流。eg: <video src="movie.ogg" controls="controls">video標簽</video>

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

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

4.其他功能標簽

mark：標注，呈現不一樣的顏色；

progress：進度條；

time：標注時間；

ruby：對某個字進行注釋；

rt：

wbr：軟換行，當一行顯示不下就換行；

canvas

command：命令；

details：展開詳情；

datalist：提示內容；

keygen：加密；

output：計算表單結果并給出輸出值；

source

menu：菜單。

刪除標簽

1.可以用css代替的標簽

2.不再使用frame

frameset

frame

noframes

3.只有個別瀏覽器支持的標簽

4.其他不常用的標簽

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