分享交流一些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:使用者輸入必須為月型別
若有不足的望大家指