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