HTML5对比HTML4带来的新变化

HTML5入门

HTML5是HTML的最新版本,目标是更好地开发网络应用程序。 HTML5比HTML4拥有更简洁的语法并且提供了更多新的特性。 本文将对HTML5做一个大体的介绍。

 

 

HTML5能做什么?

1. 离线存储

HTML5可以让你的WEB应用程序离线也能运行,它提供了一个称作“应用程序缓存"的离线存储功能,因此即使当用户离线,浏览器仍然能够访问到它所需的文件。 这些文件可以是HTML,CSS,Javascript 或者其它任何网页运行所需要的文件。

 

 

2.拖拽功能

HTML5提供了可以用来设计交互应用程序的本地拖拽功能,通过这个特性你可以拖动任何元素然后把它放到你想放到地方。

 

 

3.地理位置定位技术

HTML5的地理位置定位API可以让你与所信任的网站分享你当前的位置信息,当然,隐私问题是这一特性所主要考虑的,W3.org声明:

浏览器在没有用户许可的情况下不允许私自向网站发送用户的地理位置信息。

比 如一位用户使用Firefox浏览器访问了一个实现地理位置定位技术的网页,浏览器会向用户询问是否共享他的地理位置信息,如果用户同意,Firefox 会收集附近无线接入点和访问者IP地址信息,并把这些信息发送到默认设定的Google地理位置服务,处理之后的位置信息将会发送给用户访问的这个网站。

 

 

4.音频和视频

当前的HTML缺少在页面中嵌入多媒体文件的特性,因此多媒体文件的嵌入需要使用各种的插件。 比如FLASH被广泛地用来嵌入音频和视频文件。 现在可以非常方便地使用HTML5提供的audio和video标签,而不用任何插件。

 

 

5.表单输入

HTML5提供了几个新的表单input类型,像弹出日历,调色板,数字输入框等等。 这些可以创建拥有更好的输入控制和验证的高效表单。

 

简化的语法

文档类型Doctype:

文档类型的声明是一个HTML文档的第一行内容,它告诉浏览器这个页面是使用哪个版本的标记语言编写的。

比如,HTML 4.01 Transitional 文档类型的声明是:

 

XHTML 1.0 Transitional 文档类型声明的写法是:

 

而HTML5中,你只需要:

 

字符编码

为了验证或显示一个HTML文档,程序必须选择一种字符编码。

字符编码告诉浏览器和验证程序应该使用哪种编码由比特流转换为字符。

 

下面是HTML 4.01指定UTF-8字符编码的例子:

 

在XHTML中:

 

而现在使用HTML5,编码类型的语法非常简单:

 

因此,最基本的HTML文档结构应该是:




	
	Example document



	

Hello, World

 

 

 

在HTML5里:

 

HTML5为script标签添加了一个新的可选属性“async", 用来告诉浏览器异步加载代码,所以这段代码在页面继续加载的同时就会被执行。 可以像下面这样使用:

 

或者:

 

 

标签

标签定义了文档与外部资源的联系,常用来引入CSS文件:

 

在HTML5K ,type属性跟

你可能感兴趣的:(Div,/,Css,/,XML,/,HTML5,xhtml,javascript)