與大家分享交流一下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:用戶輸入必須為月型別
若有不足的望大家指出，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/106510.html
標籤：其他
上一篇：JS學習筆記01-變數
下一篇：JavaScript流程控制