溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享一下html5的新屬性有哪些的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
html5引入的新屬性有：seamless、srcdoc、sandbox、manifest、charset、sizes、base、defer、defer、async、media、hreflang、ref、reversed、start等。
本教程操作環境：windows10系統、HTML5版、Dell G3電腦。
新增的屬性：
對于js進行添加的屬性。
<script defer src=".....js" onload="alert('a')"></script>
<script async src=".....js" onload="alert('b')"></script>
如果沒有以上兩個屬性的話，執行順序為先加載（下載）第一個src，然后在執行其onload，然后在向下依次同步執行defer屬性在h6之前就已經有了，輸入延遲加載（推遲執行），它會先加載（下載）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的新屬性有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
