Html5(2)新增的結構元素 及 新增頁面元素


新增的主體結構元素

①article 元素  //描述獨立完整的文檔,如博客、帖子、評論;可以嵌套使用;可以作爲插件使用
②section 元素  //用來劃分區域,常由標題和內容構成;不同於div,如果需要被腳本操作,通常選擇div而非section
③nav 元素     //傳統導航、側邊導航、頁內導航、翻頁導航
④aside 元素   //附屬信息部分,如側邊欄、廣告等等與主內容分開的部分time 元素    //包含datetime、pubdate(發佈時間)屬性 ; 屬於微格式

新增非主體結構元素

header 元素  //通常是引導 和 導航作用,可以不止一個,一個頁面單獨的整體也可以含有header
②footer 元素  //一般作爲腳註,如作者、版權信息等等
③hgroup 元素   //將標題及子標題作爲一個組
③adress 元素  //呈現文檔中的 聯繫信息,如作者、郵箱、地址等等

新增的頁面元素:

①figure、figcaption元素:用於頁面的一個獨立部分,可以放圖片/視頻/表格等。去掉不影響頁面,figcaption是figure元素內的標題
②detail、summary元素:detail是可展開的部分,包含值爲boolean類型的open屬性,表示是否展開;detail包含summary元素,
用來單擊展開detail;可以做摺疊表單;舉例:如圖
detail元素
③mark元素:着重文字,如

`<mark>這部分文字會出現黃色背景</mark>`

④progress元素:用來表示某個工作的完成進度條
⑤meter元素:顯示的規定範圍內的比例;比如投票比例、技能等級等等


改良的頁面元素:

①ol列表元素:添加了start 和 reversed 屬性;start用於指定標註的開始;reversed表示倒序
②dl列表元素:表示列表項,內部包含dt和dd元素,不允許重複
③嚴格限制的cite元素 及 重新定義的small元素:cite元素內的文字會變斜體,small元素需要使用樣式才使字體變小

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章