html5在移动互联网中的应用及html5与html4的区别(附完整ppt)
(原创)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 代表了一些输出类型,比如表单里的通过脚本的计算结果。