一：語義標籤
1：區塊標籤
<article>文章標籤</article>
<header>頁面標題</header>
<nav>主導航</nav>
<aside>側邊欄</aside>
<section>主題性內容分組</section> //通常包含一個頭部
<footer>頁腳</footer>
<main>主內容區</main>
<figure> //放置圖像的標籤，比如相冊
<img src="#">
<figcaption>圖像名字</figcaption> //放置圖像標題
</figure>
<time datetime="2015-5-39">放置時間或日期</time>
<i>在html5中表示一個技術用語</i>
<b>在html5中表示關鍵字、商品名稱等</b>
<em>表示重要的</em>
<strong>表示緊迫性，緊急性</strong>1：視頻標籤
<video controls //顯示一組播放組件>
<source src="1.mp4">
<source src="1.webm">
<source src="1.ogv">
<p>瀏覽器自動適配視頻文件類型，以正常播放</p>
</video>
<video controls>
//type屬性提示瀏覽器文件是那種類型，codecs屬性提示瀏覽器用那種解碼或編碼器進行解碼
<source src="1.mp4" type='video/mp4; codecs="avc1.42E01E,mp4a.40.2"'>
<source src="1.webm" type="video/ogg; codecs="vp8,vorbis"'>
<source src="1.ogv" type="video/ogg; codecs="theora,vorbis"'>
<p>瀏覽器自動適配視頻文件類型，以正常播放</p>
</video>preload(none,metadata,auto)
muted 是否靜音播放
loop 循環播放
2：音頻標籤
<audio src="1.mp3" controls></audio>1：input新增type類型
type="search"; pc端會自動出現刪除小叉號，移動端小鍵盤則會出現搜索按鈕。
type="email"; 瀏覽器會自動出現email用到的特殊字符。（eg：@ .）
type="url"; 瀏覽器會自動出現url用到的特殊字符。 （eg：.com www）
type="tel" 瀏覽器會自動切換至數字鍵盤。
type="number" 瀏覽器會自動切換至數字鍵盤。
type="range" 瀏覽器會出現一個滑動條，選擇一個範圍數值
type="date" 瀏覽器會自動出現一個日期選擇插件以便選擇日期
type="moth" 選擇某一個月份
type="week" 選擇某一個星期
type="time" 選擇一個時間
type="datetime-local" 選擇一個日期或時間（北京時間） //與datetime相差8個小時
type="datetime" 選擇一個日期或時間（世界標準時間）
type="color" 選擇一種顏色2.1：datalist作用：實現當用戶輸入一個字母時，瀏覽器會自動檢索匹配的所有元素。代碼如下：
<input type="text" list="browsers">
<datalist id="browsers">
<option value="chrom">
<option value="firefox">
<option value="Ie">
<option value="opera">
<option value="safari">
</datalist>2.3：output作用：用於顯示腳本元素
3：表單驗證
type="number",type="Eameil",type="url".這些屬性會自動驗證是否符合郵箱、url的規範，如果不符合，則不能提交。
<input type="text" required> //required 控制所填寫內容不能爲空，如果爲空則不讓提交. 且用於所有input標籤中（公用標籤）
<input type="password" minlength="5" maxlength="12"> //minlength和maxlength表示密碼在一定字符數，最小爲5位，最大爲12位。（公用標籤）
<input type="number" min="5" max="10" > //控制用戶輸入的數值最小爲多少，最大爲多少。（公用標籤）
<input type="number" min="10" max="100" step="10"> //step爲步長值，就是用戶每點擊一次按鈕，則會在輸入數值的基礎上加10.正則表達式寫在pattern屬性中。eg：<input type="text" pattern="[0-4]{3}"> （公用標籤）
5：新增表單的其他屬性
<input type="text" placeholder="123456"> //placeholder的值爲文本框的默認值，當用戶輸入時自動隱藏。
<input type="text" autofocus> //頁面加載自動獲取焦點，一個頁面只能有一個autofocus，如果有多個，只有autofocus有效。
<form action="1.html" method="get" autocomplete="on">
<!-- Code -->
//autocomplete參數有on和off，作用是否記錄輸入記錄。（公用標籤）
</form>
<input type="email" multiple> //可以使單選變成多選，按atrl即可
<form action="" method="" id="f"></form>
<input type="text" name="aaa" form="f"> //form屬性可以把不是form裏面的內容提交到服務器
<form>
<input type="submit"
formaction="1.html" //formaction級別大於action
formmethod="post" //formmethod級別大於method
formtarget="_blank"
formenctype="提交編碼方式"> //formtarget級別大於target
</form>四：爲了避免html5表單驗證與javascript的驗證發生衝突，我們要禁用html5表單驗證。代碼如下：
方法一：
<form action="#" method="post" novalidate> //novalidate 表示禁用html5表單驗證
<!-- Code -->
</form>
方法二：
<form action="#" method="post" >
<!-- Code -->
<input type="submit" formnovalidate> //在提交按鈕中添加formnovalidate也可以禁止html5表單驗證
</form>
5.1：accesskey作用是給超鏈接設置快捷鍵，無需用鼠標去點擊。eg:
<a href="#" accesskey="b">sdjfks</a>
5.2：tabindex作用是改變按tab鍵時，改變焦點順序。eg：
<a href="#" tabindex="3"></a> //默認是0 現在變成3
5.3：dir作用是使文本正序還是反序排列。eg：
<bdo dir="rtl">aaaaabbbbb</bdo>
<p dir="ltr">aaaaabbbbb</p>
5.4：lang作用是幫助搜索引擎確認語言、檢查語法。eg：
<html lang="en"></html>
5.5: translate 在頁面載入時是否被翻譯。eg：
<p translate="yes">I LOVE YOU</p>
<p translate="no">I LOVE YOU</p>
contenteditable 定義當前元素的內容是否可以編輯。
5.6: spellcheck 自動檢查單詞是否正確 eg：
<p contenteditable="true" spellcheck="true">I love you</p>
5.7: hidden 隱藏一個元素。eg：
<p hidden>I Love you</p>