扣丁學堂HTML5培訓簡述HTML5元素分類

HTML5新增了27個元素,廢棄了16個元素,根據現有的標準規範,把HTML5的元素按優先等級定義爲結構性元素、級塊性元素、行內語義性元素和交互性元素四大類。本篇文章扣丁學堂HTML5培訓小編給讀者們分享一下HTML5元素分類,但願對小夥伴們有幫助。web

一、結構性元素ide

結構性元素主要負責web的上下文結構的定義,確保HTML文檔的完整性;section:在web頁面應用中,該元素也能夠用於區域章節表述;學習

header:頁面主題上的頭部,注意區別於head元素;code

footer:頁面的底部(頁腳);視頻

nav:是專門用於菜單導航、連接導航的元素,是navigator的縮寫;教程

article:用於表示一篇文章的主題部分,通常爲文字集中顯示的區域;事件

二、級塊性元素開發

級塊性元素主要完成web頁面區域的劃分,確保內容的有效分隔。aside:用以表達註記、貼士、側欄、摘要、插入的引用等做爲補充主體的內容;文檔

figure:是對多個元素進行組合並展現的元素,一般與figcaption聯合使用;io

code:表示一段代碼塊;

dialog:用於表達人與人之間的對話,該元素還包括dt和dd這兩個組合元素,他們經常同時使用。dt用於表示說話者,而dd用來表示說話者的內容。

三、行內語義性元素

行內語義性元素主要完成web頁面具體內容的引用和表述,是豐富內容展現的基礎。

meter:表示特定範圍內的數值,可用於工資、數量、百分比等;

time:表示時間值;

progress:用來表示進度條,可經過對其max、min、step等屬性進行控制,完成對進度的表示和監視;

video:視頻元素,用於支持和實現視頻(含視頻流)文件的直接播放,支持緩衝預載和多種視頻媒體格式;

audio:音頻元素,用於支持和實現音頻(音頻流)文件的直接播放,支持緩衝預載和多種音頻媒體格式;

四、交互性元素

交互性元素主要用於功能性的內容表達,會有必定的內容和數據的關聯,是各類事件的基礎。

details:用來表示一段具體的內容,可是內容默承認能不顯示,經過某種手段(如單擊)與legend交互纔會顯示出來;

datagrid:用來控制客戶端數據與顯示,能夠由動態腳本及時更新;

menu:主要用於交互菜單;

command:用來處理命令按鈕。

以上就是扣丁學堂HTML5在線學習小編給你們分享的HTML5元素分類,但願對小夥伴們有所幫助,想要了解更多內容的小夥伴能夠登陸扣丁學堂官網諮詢。

想要學好HTML5開發小編給你們推薦口碑良好的扣丁學堂,扣丁學堂有專業老師制定的HTML5學習路線圖輔助學員學習,此外還有與時俱進的HTML5課程體系和HTML5視頻教程供你們學習,想要學好HTML5開發技術的小夥伴快快行動吧。

相關文章
相關標籤/搜索