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

 

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

posted @ 2012-08-11 10:08  idonet  阅读(2544)  评论(2编辑  收藏  举报