html5新增加的屬性
阿新 • • 發佈：2017-07-28
加載 全局屬性 asc 依次 orm dia for design 需要
新增的屬性：
對於js進行添加的屬性。 <script defer src=".....js" onload="alert(‘a‘)"></script> <script async src=".....js" onload="alert(‘b‘)"></script>
如果沒有以上兩個屬性的話，執行順序為先加載（下載）第一個src，然後在執行其onload，然後在向下依次同步執行defer屬性在h5之前就已經有了，輸入延遲加載（推遲執行），它會先加載（下載）src中文件內容，然後等頁面全部加載完成後，再加載onload中js.async屬性屬於異步加載，它會在加載src後，立即執行onload,同時還會繼續加載頁面以上執行順序，alert顯示會先顯示b然後再顯示a
網頁中標簽中加入小圖標的樣式代碼 <link rel="icon" href="url..." type="圖片名稱" sizes="16*16"> 有序列表ol:新增start（列表起始值），reversed（是否倒置）menu菜單type屬性（3個菜單類型）內嵌css樣式：在標簽內部來定義一個樣式區塊（scoped）,只對樣式標簽內部才有效內嵌框架：iframe元素，新增了seamless無邊距無邊框，srcdoc定義了內嵌框架的內容
<iframe>新增屬性： <!--seamless定義框架無邊框 無邊距--> <!--srcdoc的顯示級別比sandbox高--> <!--sandbox用來規定一個內嵌框架的安全級別--> <!--sandbox="allow-forms:允許提交表單"--> <!--sandbox="allow-origin:允許是相同的源"--> <!--sandbox="allow-scripts：允許執行腳本"--> <!--sandbox="allow-top-navigation:允許使外面的頁面進行跳轉"-->
manifest屬性： 定義頁面需要用到的離線應用文件，一般放在<html>標簽裏 charset屬性： meta屬性之一,定義頁面的字符集 sizes屬性： <link>新增屬性，當link的rel="icon"時，用以設置圖標大小 base屬性: <base href="http://localhost/" target="_blank">表示當在新窗口打開一個頁面時，會將href中的內容作為前綴添加到地址前 defer屬性： script標簽屬性，表示腳本加載完畢後，只有當頁面也加載完畢才執行（推遲執行） async屬性： script標簽屬性，腳本加載完畢後馬上執行（運行過程中瀏覽器會解析下面的內容），即使頁面還沒有加載完畢（異步執行） media屬性： <a>元素屬性：表示對何種設備進行優化 hreflang屬性： <a>的屬性，表示超鏈接指向的網址使用的語言 ref屬性： <a>的屬性,定義超鏈接是否是外部鏈接 reversed屬性: <ol>的屬性，定義序號是否倒敘 start屬性： <ol>的屬性，定義序號的起始值 scoped屬性： 內嵌CSS樣式的屬性，定義該樣式只局限於擁有該內嵌樣式的元素，適用於單頁開發
HTML5全局屬性：對任意標簽都可以使用的，以下6個 data-yourvalue 、hidden、Spenllecheck、tabindex、contenteditable、desginMode； 全局屬性：
1.可直接在標簽裏插入的：data-自定義屬性名字； hidden（直接放上去就是隱藏）； spellcheck="true"（語法糾錯）； tabindex="1"（Tab跳轉順序）； contenteditable="true"(可編輯狀態，單擊內容，可修改)； 2.在JavaScript裏插入的window.document.designMode = ‘on‘（JavaScript的全局屬性，整個頁面的文本都可以編輯了）；
對於js進行添加的屬性。 <script defer src=".....js" onload="alert(‘a‘)"></script> <script async src=".....js" onload="alert(‘b‘)"></script>
如果沒有以上兩個屬性的話，執行順序為先加載（下載）第一個src，然後在執行其onload，然後在向下依次同步執行defer屬性在h5之前就已經有了，輸入延遲加載（推遲執行），它會先加載（下載）src中文件內容，然後等頁面全部加載完成後，再加載onload中js.async屬性屬於異步加載，它會在加載src後，立即執行onload,同時還會繼續加載頁面以上執行順序，alert顯示會先顯示b然後再顯示a
網頁中標簽中加入小圖標的樣式代碼 <link rel="icon" href="url..." type="圖片名稱" sizes="16*16"> 有序列表ol:新增start（列表起始值），reversed（是否倒置）menu菜單type屬性（3個菜單類型）內嵌css樣式：在標簽內部來定義一個樣式區塊（scoped）,只對樣式標簽內部才有效內嵌框架：iframe元素，新增了seamless無邊距無邊框，srcdoc定義了內嵌框架的內容
<iframe>新增屬性： <!--seamless定義框架無邊框 無邊距--> <!--srcdoc的顯示級別比sandbox高--> <!--sandbox用來規定一個內嵌框架的安全級別--> <!--sandbox="allow-forms:允許提交表單"--> <!--sandbox="allow-origin:允許是相同的源"--> <!--sandbox="allow-scripts：允許執行腳本"--> <!--sandbox="allow-top-navigation:允許使外面的頁面進行跳轉"-->
manifest屬性： 定義頁面需要用到的離線應用文件，一般放在<html>標簽裏 charset屬性： meta屬性之一,定義頁面的字符集 sizes屬性： <link>新增屬性，當link的rel="icon"時，用以設置圖標大小 base屬性: <base href="http://localhost/" target="_blank">表示當在新窗口打開一個頁面時，會將href中的內容作為前綴添加到地址前 defer屬性： script標簽屬性，表示腳本加載完畢後，只有當頁面也加載完畢才執行（推遲執行） async屬性： script標簽屬性，腳本加載完畢後馬上執行（運行過程中瀏覽器會解析下面的內容），即使頁面還沒有加載完畢（異步執行） media屬性： <a>元素屬性：表示對何種設備進行優化 hreflang屬性： <a>的屬性，表示超鏈接指向的網址使用的語言 ref屬性： <a>的屬性,定義超鏈接是否是外部鏈接 reversed屬性: <ol>的屬性，定義序號是否倒敘 start屬性： <ol>的屬性，定義序號的起始值 scoped屬性： 內嵌CSS樣式的屬性，定義該樣式只局限於擁有該內嵌樣式的元素，適用於單頁開發
HTML5全局屬性：對任意標簽都可以使用的，以下6個 data-yourvalue 、hidden、Spenllecheck、tabindex、contenteditable、desginMode； 全局屬性：
1.可直接在標簽裏插入的：data-自定義屬性名字； hidden（直接放上去就是隱藏）； spellcheck="true"（語法糾錯）； tabindex="1"（Tab跳轉順序）； contenteditable="true"(可編輯狀態，單擊內容，可修改)； 2.在JavaScript裏插入的window.document.designMode = ‘on‘（JavaScript的全局屬性，整個頁面的文本都可以編輯了）；
html5新增加的屬性