html5引入的新屬性有:seamless、srcdoc、sandbox、manifest、charset、sizes、base、defer、defer、async、media、hreflang、ref、reversed、start等。
本教程操作環(huán)境:windows10系統(tǒng)、HTML5版、Dell G3電腦。
html5引入了什么新屬性
新增的屬性:
對于js進行添加的屬性。
<script defer src="…..js" onload="alert('a')"></script>
<script async src="…..js" onload="alert('b')"></script>
如果沒有以上兩個屬性的話,執(zhí)行順序為先加載(下載)第一個src,然后在執(zhí)行其onload,然后在向下依次同步執(zhí)行defer屬性在h5之前就已經有了,輸入延遲加載(推遲執(zhí)行),它會先加載(下載)src中文件內容,然后等頁面全部加載完成后,再加載onload中js.async屬性屬于異步加載,它會在加載src后,立即執(zhí)行onload,同時還會繼續(xù)加載頁面以上執(zhí)行順序,alert顯示會先顯示b然后再顯示a
網頁中標簽中加入小圖標的樣式代碼
<link rel="icon" href="url…" type="圖片名稱" sizes="16*16">
有序列表ol:新增start(列表起始值),reversed(是否倒置)menu菜單type屬性(3個菜單類型)內嵌css樣式:在標簽內部來定義一個樣式區(qū)塊(scoped),只對樣式標簽內部才有效內嵌框架:iframe元素,新增了seamless無邊距無邊框,srcdoc定義了內嵌框架的內容
<iframe>新增屬性:
<!–seamless定義框架無邊框 無邊距–>
<!–srcdoc的顯示級別比sandbox高–>
<!–sandbox用來規(guī)定一個內嵌框架的安全級別–>
-
<!–sandbox="allow-forms:允許提交表單"–>
-
<!–sandbox="allow-origin:允許是相同的源"–>
-
<!–sandbox="allow-scripts:允許執(zhí)行腳本"–>
-
<!–sandbox="allow-top-navigation:允許使外面的頁面進行跳轉"–>
manifest屬性:
定義頁面需要用到的離線應用文件,一般放在<html>標簽里
charset屬性:
meta屬性之一,定義頁面的字符集
sizes屬性:
<link>新增屬性,當link的rel="icon"時,用以設置圖標大小
base屬性:
<base href="http://localhost/" target="_blank">表示當在新窗口打開一個頁面時,會將href中的內容作為前綴添加到地址前
defer屬性:
script標簽屬性,表示腳本加載完畢后,只有當頁面也加載完畢才執(zhí)行(推遲執(zhí)行)
async屬性:
script標簽屬性,腳本加載完畢后馬上執(zhí)行(運行過程中瀏覽器會解析下面的內容),即使頁面還沒有加載完畢(異步執(zhí)行)
media屬性:
<a>元素屬性:表示對何種設備進行優(yōu)化
hreflang屬性:
<a>的屬性,表示超鏈接指向的網址使用的語言
ref屬性:
<a>的屬性,定義超鏈接是否是外部鏈接
reversed屬性:
<ol>的屬性,定義序號是否倒敘
start屬性:
<ol>的屬性,定義序號的起始值
scoped屬性:
內嵌CSS樣式的屬性,定義該樣式只局限于擁有該內嵌樣式的元素,適用于單頁開發(fā)
推薦教程:《html視頻教程》