一、廢棄的標簽和屬性
1、表現性元素
a) basefont
b) big
c) center
d) font
e) strike
f) tt
2、框架類元素
a) frame
b) frameset
c) noframe
3、其他元素
a) acronym -- 可以用 abbr 取代
b) applet -- 可以用 object 代替
c) isindex -- 可以用表單控件代替
d) dir -- 可以用 ul 代替
4、屬性
| ID |
對應元素 |
屬性名稱 |
| 01 |
link, a |
rev, charset |
| 02 |
a |
shape, coords |
| 03 |
img, iframe |
longdesc |
| 04 |
link |
target |
| 05 |
area |
nohref |
| 06 |
head |
profile |
| 07 |
html |
version |
| 08 |
img |
name |
| 09 |
meta |
scheme |
| 10 |
object |
archive, classid, codebase, codetype, declare, standby |
| 11 |
param |
valuetype, type |
| 12 |
td, th |
axis, abbr |
| 13 |
td |
scope |
| 14 |
table |
summary |
| 15 |
caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead, tr |
align |
| 16 |
body |
alink, link, text, vlink |
| 17 |
body |
background |
| 18 |
table, tr, td, th, body |
bgcolor |
| 19 |
object |
border |
| 20 |
table |
cellpadding, cellspacing |
| 21 |
col, colgroup, tbody, td, tfoot, th, thead, tr |
char, charoff |
| 22 |
br |
clear |
| 23 |
dl, menu, ol, ul |
compact |
| 24 |
table |
frame |
| 25 |
iframe |
frameborder |
| 26 |
td, th |
height |
| 27 |
img, object |
hspace, vspace |
| 28 |
iframe |
marginheight, marginwidth |
| 29 |
hr |
noshade |
| 30 |
td, th |
nowrap |
| 31 |
table |
rules |
| 32 |
iframe |
scrolling |
| 33 |
hr |
size |
| 34 |
li, ol, ul |
type |
| 35 |
col, colgroup, tbody, td, tfoot, th, thead, tr |
valign |
| 36 |
hr, table, td, th, col, colgroup, pre |
width |
二、新增的標簽和屬性
增加標簽：
1、結構標簽
（1）section：獨立內容區塊，可以用h1~h6組成大綱，表示文檔結構，也可以有章節、頁眉、頁腳或頁眉的其他部分；
（2）article：特殊獨立區塊，表示這篇頁眉中的核心內容；
（3）aside：標簽內容之外與標簽內容相關的輔助信息；
（4）header：某個區塊的頭部信息/標題；
（5）hgroup：頭部信息/標題的補充內容；
（6）footer：底部信息；
（7）nav：導航條部分信息
（8）figure：獨立的單元，例如某個有圖片與內容的新聞塊。
2、表單標簽
（1）email：必須輸入郵件；
（2）url：必須輸入url地址；
（3）number：必須輸入數值；
（4）range：必須輸入一定范圍內的數值；
（5）Date Pickers：日期選擇器；
a.date：選取日、月、年
b.month：選取月、年
c.week：選取周和年
d.time：選取時間（小時和分鍾）
e.datetime：選取時間、日、月、年（UTC時間）
f.datetime-local：選取時間、日、月、年（本地時間）
（6）search：搜索常規的文本域；
（7）color：顏色
3、媒體標簽
（1）video：視頻
（2）audio：音頻
（3）embed：嵌入內容（包括各種媒體），Midi、Wav、AU、MP3、Flash、AIFF等。
4、其他功能標簽
（1）mark：標注（像熒光筆做筆記）
（2）progress：進度條；<progress max="最大進度條的值" value="當前進度條的值">
（3）time：數據標簽，給搜索引擎使用；發布日期<time datetime="2014-12-25T09:00">9：00</time>更新日期<time datetime="2015- 01-23T04:00" pubdate>4:00</time>
（4）ruby和rt：對某一個字進行注釋；<ruby><rt>注釋內容</rt><rp>瀏覽器不支持時如何顯示</rp></ruby>
（5）wbr：軟換行，頁面寬度到需要換行時換行；
（6）canvas：使用JS代碼做內容進行圖像繪制；
（7）command：按鈕；
（8）deteils ：展開菜單；
（9）dateilst：文本域下拉提示；
（10）keygen:加密；
新增的屬性：
對於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的全局屬性，整個頁面的文本都可以編輯了）；