(原創(chuàng))html5在移動互聯(lián)網(wǎng)中的應(yīng)用完整版本ppt下載: http://kuai.xunlei.com/d/CKSONJATBFJA
html5的發(fā)展歷程:
1. 2004年WHATWG(Web Hypertext Application Technology Working Group)提出Web Applications 1.0草案。
2. 2007 Web Applications 1.0被w3c接納,并命名為html5。
3. 2008年發(fā)布第一份正式草案
4. 預(yù)計2012年推出建議候選版。
5. 2022年才能成為w3c的推薦標(biāo)準(zhǔn)
html5與html4的區(qū)別:
1. 文件類型聲明
5: <!DOCTYPE HTML>
4: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
2. 編碼設(shè)置
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
3. 可以直接嵌入MathML和SVG
4. 新的解析規(guī)范
5. 移除一些無用的標(biāo)簽
big, center, font, acronym, applet, basefont, dir, frame, frameset, isindex, noframes, strike, tt
html5與html4在新元素方面的區(qū)別:
一、更好的結(jié)構(gòu)化、語義化,引入下面這些元素
section 代表一個通用的文件或應(yīng)用部分。它可以和 h1, h2, h3, h4, h5, 及 h6 元素同時使用來表明文檔的結(jié)構(gòu)。
article 代表了一個文檔內(nèi)容的獨立片段,比如博客條目或報紙文章。
Aside 代表了一段與頁面的其余部分稍稍相關(guān)的內(nèi)容。
hgroup 代表一個部分(section)的頭(header)。
header 代表一組介紹或?qū)Ш捷o助。
footer 代表一個部分(section)的尾(footer)并可以容納關(guān)于作者、版權(quán)等信息。
nav 代表了用于導(dǎo)航目的的文檔的一部分。
figure 代表一個獨立的流內(nèi)容片段,通常作為一個文檔主流的獨立單元。
<figure>
<video src="example.webm" controls></video>
<figcaption>Example</figcaption>
</figure>
figcaption 被用作標(biāo)題 (它是可選的).
二、增強功能的新元素
video 、audio 用于多媒體內(nèi)容。兩者都提供了一個API使得作者可以編寫他們自己的用戶界面,但也有一種方法觸發(fā)由 用戶代理提供的用戶界面。
track 提供了video 元素的文本軌道。
embed 用于插件內(nèi)容。
mark 代表一連串文檔中用作參考的被備注和高亮的文本,由于其在另一個上下文相關(guān)。
progress 代表一個任務(wù)完成度,比如下載或者執(zhí)行一系列耗時的操作。
meter 代表一個度量,比如磁盤使用情況。
time 表示日期和(或)時間。
bdi 代表從其周圍獨立出來的一段文本,目的是要使用雙向文本格式。
wbr 代表一個換行時機。
canvas 用來渲染即時創(chuàng)建的動態(tài)位圖,比如圖表和游戲。
command 代表一個用戶可以調(diào)用的命令。
summary 元素提供了它的摘要,說明或標(biāo)題。
details 代表用戶可以按需獲取的額外的信息或控制。
datalist 與 input 的新屬性 list 一起使用可以創(chuàng)建下拉框:
<input list="browsers">
<datalist id="browsers">
<option value="Safari">
<option value="Internet Explorer">
<option value="Opera">
<option value="Firefox">
</datalist>
keygen 代表了密鑰對的生成控制。
output 代表了一些輸出類型,比如表單里的通過腳本的計算結(jié)果。