Web应用开发技术与案例教程
上QQ阅读APP看书,第一时间看更新

1.1 HTML简介

HTML全称超文本标记语言(HyperText Markup Language),是用来描述网页的一种语言,是由W3C(World Wide Web Consortium,万维网联盟)推荐发布的通用国际标准。

1.1.1 HTML定义

HTML是在因特网上描述网页的一种简单标记语言。在浏览网页时所看到的丰富的文字、图像、视频等内容是通过浏览器解析HTML语言所呈现出来的。不同于C++、Python等编程语言,HTML是一种标记语言,在纯文本文件中包含了HTML的指令代码。在HTML中,每个标签(Tag)都是一条指令,用来告诉浏览器如何将声音、图片、文字、影像等在页面中显示出来。

用HTML语言所编写的文档称为HTML文档,以.htm或.html为扩展名。HTML文档适合表示静态内容,而万维网上需要表示的大量动态内容,根据应用服务器及所使用开发语言的不同,扩展名可能是.asp、.aspx、.jsp或.php等。它们使用不同的方法来处理动态内容,但都必须以HTML语言为基础,因为最终在客户端都要转化为HTML后才能展示。

1.1.2 HTML发展历程

HTML语言作为Web语言的标准规范,在互联网的发展史中有着不可或缺的地位。HTML的发展历程也印证着Web技术的时代更迭。

1993年6月由IETF(Internet Engineering Task Force,国际互联网工程任务组)发布的HTML 1.0只是一个草案,并非成型的标准,因为当时的HTML有很多不同的版本。

HTML的第一个正式规范是在1995年11月IETF公布的HTML第二版,即HTML 2.0,它作为RFC 1866发布。在RFC 2854于2000年6月发布之后,该版本被宣布已过时。

1996年1月14日,HTML 3.2作为W3C推荐标准发布。随着HTML的发展,W3C取代IETF的角色,成为HTML的标准组织。

1997年12月18日,HTML 4.0作为W3C推荐标准发布。

1999年12月24日,HTML 4.01作为W3C推荐标准发布,它是在HTML 4.0基础上的微小改进。HTML 4.01的最终勘误版于2001年5月12日发布。在HTML 5成为主流之前,HTML 4.01一直是大多数人使用的HTML版本。

2000年1月26日,W3C发布了XHTML 1.0推荐标准,期望以XML(Extensible Markup Language,可扩展标记语言)的标准来约束HTML。XHTML指的是可扩展超文本标记语言(EXtensible Hyper Text Markup Language)。建立XHTML的目的就是实现HTML向XML的过渡,它对HTML语法进行了非常严格的规范,编码更加严谨。

2001年5月31日,XHTML 1.1作为W3C推荐标准发布。之后,W3C准备推出XHTML 2.0,不向前兼容,甚至不兼容HTML。

在2004年成立的WHATWG(Web Hypertext Application Technology Working Group,Web超文本应用技术工作组)试图推行新的HTML标准,创立了HTML 5规范,并继续针对Web应用开发新功能。Web 2.0的概念也正是在这个时候出现的。WHATWG致力于Web表单和应用程序,而此时的W3C正专注于XHTML 2.0。

2006年,W3C与WHATWG合作,一起推进HTML 5规范,并于2008年1月22日发布了HTML 5的第一份工作草案。2009年,XHTML 2.0被放弃。

2012年12月17日,W3C正式宣布HTML 5规范已经正式定稿。

2014年10月28日,W3C正式发布HTML 5.0推荐标准。

1.1.3 HTML 5简介

HTML 5是HTML的最新标准,目前仍处于完善阶段,但大部分浏览器已经支持。HTML 5希望能减少网页浏览器对需要插件的互联网富应用(Rich Internet Application,RIA)如Adobe Flash、Microsoft Silverlight、Oracle JavaFX等的依赖,并能提供更多能有效增强网络应用的API(应用程序编程接口)。

HTML 5引入了许多新的元素、属性、API和扩展,这些是对现实互联网中的网页和用户习惯进行跟踪、分析、总结,基于已有的应用进行技术升级、精炼而推出的。新增的许多语义元素,赋予了网页更清晰的结构和意义。语义化的结构,对浏览器而言更容易解析,对开发人员而言更方便阅读代码,对搜索引擎而言更容易对网页内容进行抓取和索引。以往的Web页面,很多功能需要使用插件,但插件因为边界、剪裁、透明度等问题,与页面其他部分的集成度不高,而且插件可以被屏蔽或禁用,使用多有不便,HTML 5新增了对这些功能的支持,不再依赖插件。

HTML 5带来了新的用户体验,网页中的音频和视频不再被插件禁锢,使用canvas和SVG元素可以灵活地绘制图形,甚至能够在网页中展现三维特效,加强了网页的视觉效果。在移动端能够对网页功能进行扩展,不需要客户端或插件就能够浏览网页、观看视频等,用户可以离线使用,更新下载量极小。

1.1.4 HTML编辑工具

HTML网页文件可以使用记事本或者TextEdit等简单的文本编辑器来编写,也可以使用专业的HTML编辑器如Visual Studio、Microsoft Expression Web、Dreamweaver等编辑工具来编写,利用其所见即所得的编辑效果,更方便地完成Web页面设计。

下面以Visual Studio为例来建立HTML页面。

首先,打开Visual Studio,选择“文件”菜单下的“新建”按钮,在弹出窗口中选择“文件”,如图1-1所示。

978-7-111-63649-6-Chapter01-1.jpg

图1-1 Visual Studio新建文件

在弹出的文件类型选择窗口中,选择“HTML页”,并输入HTML文档名,例如HTMLPage6.htm,如图1-2所示。

978-7-111-63649-6-Chapter01-2.jpg

图1-2 创建HTML文件

单击“添加”按钮,即可建立一个空的HTML页面,如图1-3所示。 在页面中加入如下代码。

【例1-1】 helloworld.html代码。

978-7-111-63649-6-Chapter01-3.jpg

978-7-111-63649-6-Chapter01-4.jpg

将文档保存为helloworld.html,这已经是一个真正的Web页面了,可以用浏览器打开文档查看显示效果,如图1-4所示。

978-7-111-63649-6-Chapter01-5.jpg

图1-3 HTML空白页面

978-7-111-63649-6-Chapter01-6.jpg

图1-4 helloworld.html页面显示效果