您的位置：首页 > Web前端 > HTML5

html5与html4的区别及html5在移动互联网中的应用(附完整ppt)

2012-08-11 10:08 435 查看

（原创)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 代表了一些输出类型，比如表单里的通过脚本的计算结果。

更多区别请参考我提供的ppt，里面完整的列出来了

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航