第一章Web开发新时代

来源：互联网发布：大连商品交易所软件编辑：程序博客网时间：2024/05/22 02:31

2004年成立的Web超文本应用技术工作组(WHATWG)创立了HTML5规范，同时开始专门针对Web应用开发新的功能。2006年，W3C介入HTML5的开发，并于2008年发布了HTML5的工作草案。2009年W3C停止了对XHTML2的更新。2010年HTML5开始用于解决实际问题。这时各大浏览器厂商开始对旗下产品进行升级以及支持HTML5的新功能，因此，HTML5规范也得到了持续。

1.1HTML5概述

1.1.1HTML5新特性

兼容性

合理性

效率

安全性

分离

简化

通用性

无插件

1.1.2HTML组织

HTML5开发主要由下面3个组织负责和实施。

1.WHATWG:由来自Apple,Mozilla,Google和Opera等浏览器厂商的人员组成，成立于2004年。WHATWG开发HTML和Web应用的API,同时为各浏览器厂商以及其他有意向的组织提供开放式合作。

2.W3C:W3C下辖的HTML工作组，目前负责发布HTML规范。

3.IETF（因特网工程任务组）：这个任务组下辖HTTP等，是负责开发Internet协议的团队。

HTML5定义的一种新API（WebSocket API）所依赖的WebSocket协议，正由IETF工作组织负责开发。

1.1.3HTML5构成

HTML5主要包括下面这些功能：

1.Canvas(2D或3D)

2.Channel消息传送

3.Cross-document消息传送

4.Geolocation

5.MathML

6.Microdata

7.Server-Sent Events

8.Scalable Vector Graphics(SVG)

9.WebSocket API及协议

10.Web Origin Concept

11.Web Storage

12.Web Workers

13.XMLHttpRequest Level2

1.2HTML5设计原理

设计原理是Web发展背后的驱动力，也是通过HTML5反映出来的某种思维方式。

1.3编写第一个HTML5页面

1.3.1搭建上机练习环境

目前，Microsoft的IE系列（IE9+）浏览器，以及Mozlilla的FireFox与Goole的Chrome浏览器等都可以很好的支持HTML5。

1.3.2检测浏览器是否支持

通过编写JavaScript代码来检测浏览器是否支持该标签。

浏览器在加载Web页面时会构造一个文本对象模型（DOM），然后通过该对象模型来表示该页面中的各个HTML元素，这些元素被表示为不同的DOM对象。全部的DOM对象都共享一些公共或特殊的属性，如HTML5的某些特性，如果在支持该属性的浏览器中打开页面，就可以很快检测出这些DOM对象是否支持这些属性。

1.3.3使用HTML5编写简单的Web网页

例：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>第一个HTML5网页</title>

</head>

<body>

<p>Hello,World!!!</p>

</body>

</html>

<!DOCTYPE html> 声明HTML5版本

<meta charset="UTF-8">声明文档字符编码

<head></head>头文件

<head></head>网页内容

科普：

例:

域名：http://ww.baidu.com

http表示超文本传输协议

www(World Wide Web)万维网

baidu.com:域名

域名等级：

一级域名：国家（.cn,.jp......）

二级域名：网性质（.com,.net,.org,edu......）

三级域名：网站名称（百度，新浪）

阅读全文

0 0