1. 程式人生 > >分享交流一些HTML5的新增元素

分享交流一些HTML5的新增元素

與大家分享交流一下HTML5的新增元素,本人屬於新手,若有不足的地方希望能夠補充指點。

HTML5中引入了大量新的元素,這些語義化元素使得結構更加具有邏輯性,使用這些新增的元素,也可以使頁面的渲染速度加快。接下來就分享一下這些新增的標籤。

一、結構標籤

1.<header>:標記定義一個頁面或者一個區域的頭部。

(如果遇到相同的標籤名,依然可以使用class屬性)

2.<nav>:標記定義導航連結。

3.<article>:標記定義一篇文章。

4.<section>:標記定義一個區域。

5.<aside>:標記定義頁面內容的側邊欄。

6.<footer>:標記定義一個頁面或區域的底部。

7.<hgroup>:標記定義檔案中一個區塊的相關資訊。

8.<figure>:標記定義一組媒體內容以及他們的標題(一個figure元素內最多隻允許放置一個figcaption元素,其他元素可無限放置)

9.<figcaption>:標記定義figure元素的標題。

二、全域性屬性標籤

1.<contenteditable>:使用者編輯內容

(1)ture:可編輯

(2)false:不可編輯

(3)classname:繼承父級元素的contenteditable屬性

2.<hidden>:隱藏屬性標籤

(1)將元素隱藏

(2)若要顯示元素,需將hidden標籤刪除

(3)脫離文件流

3.<spellcheck>:拼寫語法檢查標籤

三、其他標籤

1.<mark>:有標記文字標籤

2.<video>:元素定義視訊

3.<audio>:元素定義音訊

4.<embed>:插入各種多媒體格式

四、新增表單

1.datalist:與input元素配合使用

2.details:用於描述文件或文件某個部分的細節

3.summary:用於描述有關文件或文件片段的詳細資訊

4.keygen:用於定義keytype

5.output:定義不同型別的輸出

7.autocomplete:表示是否使用輸入欄位的自動完成功能

8.novalidate:在提交表單時取消對錶單進行有效的檢查。

五、新增input 型別 type=" "

1.search:產生一個搜尋意義的表單

2.email:使用者輸入型別必須為email型別

3.url:使用者輸入必須為url型別

4.number:使用者輸入必須為數字型別

5.tel:使用者輸入必須為電話型別

6.range:產生一個滑動條的表單

7.color:產生一個選擇顏色的表單

8.time:使用者輸入必須為時間型別

9.date:使用者輸入必須為日期型別

10.week:使用者輸入必須為周型別

11.month:使用者輸入必須為月型別

 

若有不足的望大家指