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