溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
1. 取消了過時的顯示效果標記 <font></font> 和 <center></center>等...
2. 新語義標簽的引入
3. 新表單元素引入
4. canvas標簽（圖形設計）
5. 本地數據庫（本地存儲）
6. 一些APIpc端瀏覽器支持不是特別友好，造成用戶體驗不佳(隨著移動端的發展不斷擴大和win10（ie10）的大量推廣，這一缺點將被無限縮小)
HTML5新語義標簽
HTML5新標簽的數量在25個左右具體也沒有找到詳細的資料來查看（每個網站顯示的數量都不一樣）
另外推薦大家在使用新語義標簽的時候盡量每個獨立的頁面只使用一個標簽作為包裹，語義化的作用就是seo（具體可百度），就是讓搜索引擎知道網上到底有些什么，如header 、main、footer標簽等等，當然你也可以寫100個！
以下總結出HTML5常用的標簽：
以下為菜鳥教程對html5新標簽的注解 http://www.runoob.com/html/html5-new-element.html
<video>
<source src="code/多媒體標簽/trailer.mp4">
<source src="trailer.ogg">
<source src="trailer.WebM">
</video>◆form屬性：
autocomplete=on | off 自動完成
novalidate=true | false 是否關閉校驗
◆ input屬性：
autofocus ： 自動獲取焦點
<input type="text" list="abc"/>
<datalist id="abc">
<option value="123">12312</option>
<option value="123">12312</option>
<option value="123">12312</option>
<option value="123">12312</option>
</datalist>
multiple： 實現多選效果
placeholder ： 占位符 （提示信息）
required：必填項 以前獲取節點通過
document.getElementById("ID名稱")這些還有className，name，tagname等等方式獲取返回當前節點
H5新增的節點獲取方法只有兩個
document.querySelector("選擇器")； 返回節點
document.querySelectorAll("選擇器"); 返回數組
可以完美的代替以前或者節點的方式，如果無需兼容ie10以下的話
H5中對class的操作
classList.add("類名")
添加class類名 不返回任何值 如果你把它賦值給一個變量 得到結果是undefined
classList.remove("類名"); 刪除
classList.contains("類名");
檢查has className 是否存在返回布爾值 即true and false
classList.toggle("active");
查詢active 是否存在，存在就刪除，不存在就添加 ，省去了if判斷！返回布爾值如果執行多條 即 true false true false.
自定義屬性 （小案例分析體驗自定義屬性） data-自定義屬性名
console.log('Hello World')免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
