1.4　制作网站的标准和常用技术

随着Web的发展，各种Web开发技术不断涌现。而且，各种类型和版本的浏览器越来越多，网页在不同的浏览器中的表现也有区别。因此，依据一定的标准来指导Web开发和应用，实现Web开发应用的有序、高效，实现Web站点的可维护和可扩展，实现网页在不同浏览器中获得一致的表现效果，这些内容已经成为Web发展过程中越来越重要的问题。

Web开发应用遵循的标准就是Web标准，这个标准也是在不断发展和完善的。本节就来介绍Web标准及网页开发的常用技术。

1.4.1　Web标准

Web标准是由W3C（万维网联盟）和其他标准化组织共同制定的，该标准用来创建和解释基于Web的内容，Web标准可以使得在网上发布的文档向后兼容，使其能够被大多数浏览器所访问。

Web标准包括一系列标准。网页部分的标准通过3部分来描述：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分3方面：结构标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的，比如ECMA（European Computer Manufacturers Association，欧洲计算机制造联合会）的ECMAScript标准。

就网站开发而言，Web标准的结构、表现和行为对应3种常用的技术，即（X）HTML、CSS和JavaScript。（X）HTML用来决定网页的结构和内容，CSS用来设计网页的表现形式，JavaScript用来控制网页的行为，这3部分即是本书的框架。本书还扩展介绍了用于快速Web开发的Bootstrap框架。

1.结构标准

（1）XML

XML是The Extensible Markup Language（可扩展标记语言）的缩写。目前推荐遵循的标准是W3C于2000年10月发布的XML1。和HTML一样，XML同样来源于SGML（标准通用标记语言），但XML是一种能定义其他语言的语言。最初设计XML的目的是弥补HTML的不足，以其强大的扩展性满足网络信息发布的需要，后来它被逐渐用于网络数据的转换和描述。

（2）XHTML

XHTML是Extensible HyperText Markup Language（可扩展超文本标记语言）的缩写。XML虽然数据转换能力强大，完全可以替代HTML，但XML功能过于丰富，完全替代HTML并不是最佳方案。因此，在HTML4的基础上，用XML的规则对其进行扩展，得到了XHTML。简单地说，建立XHTML的目的就是实现HTML向XML的过渡。2010年以后，HTML5成为新一代的技术标准，将逐渐取代XHTML。

2.表现标准

CSS是Cascading Style Sheets（层叠样式表）的缩写。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助网页设计者分离外观与结构，使站点的访问及维护更加容易。现在使用的CSS都是在1998年推出的CSS2基础上发展而来的，2010年推出的CSS3极大简化了CSS的编程模型，将逐渐占据主导地位。

3.行为标准

（1）DOM

DOM是Document Object Model（文档对象模型）的缩写。根据W3C DOM规范，DOM是一种浏览器、平台、语言的接口，它使用户可以访问页面的其他标准组件。可以这样简单理解，DOM解决了Netscape公司的JavaScript技术和Microsoft公司的JavaScript技术之间的冲突，给Web设计师和开发者一个标准的方法，让他们来访问站点中的数据、脚本和表现层对象。

（2）ECMAScript

ECMAScript是ECMA制定的标准脚本语言（JavaScript），目前推荐遵循的是ECMAScript 262。

1.4.2　网站开发常用技术

制作静态网页和动态网页分别需要不同的技术。目前，静态网页制作技术主要有HTML、XHTML、CSS、JavaScript等，这些技术都是静态网页制作初学者常用的技术。制作动态网页，除了要学习静态网页制作的相关技术外，还需要掌握动态网页的制作技术，如动态网页的制作语言PHP、ASP、JSP等，以及数据库SQL Server、MySQL、Oracle等方面的知识。

1.HTML

HTML是HyperText Markup Language的缩写，即超文本标记语言，是一种用来制作超文本文档的简单标记语言，是网页制作的基本语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX、Windows等）。HTML文档是一个包含HTML标记、文本内容，并按照HTML文档结构描述的文本文件，文件的后缀名为.html或.htm。浏览器读取网站上的HTML文档，再根据此类文档中的描述组织并显示相应的Web页面。

2.XHTML

XHTML即可扩展超文本标记语言。实际上，XHTML是一个过渡语言，它结合了XML的强大功能及HTML的简单特性。现在所有的浏览器都支持XHTML。

HTML在使用初期，为了能被更广泛地接受，语言标准相对不够严格，例如，标记可以不封闭，属性可以加引号，也可以不加引号等。这种情况导致出现了很多混乱和不规范的代码，这不符合标准化的发展趋势，影响了互联网的进一步发展。

为此，W3C作为相关规范的制订者，逐步推出新的版本规范。尽管目前浏览器都兼容HTML，但是为了使网页能够符合标准，网页设计者应该尽量使用XHTML规范来编写代码，部分需要注意的事项如下。

•在HTML中，标记名和属性名称可以大写或者小写，但是在XHTML中，标记名和属性名必须小写。

•HTML对标记的嵌套没有严格的规定，但是在XHTML中这是不允许的，必须严格地使标记封闭。

•在XHTML中即使是空元素的标记也必须封闭。这里说的空元素的标记是指如<img>、<br>等不成对的标记，它们也必须封闭。

例如，下面的写法在XHTML中是错误的。

水平线<hr>
图像<img src ="tu1.jpg">

而正确的写法应该是：

水平线<hr/>
图像<img src ="tu1.jpg"/> 

•在HTML中，属性可以不必使用双引号；在XHTML中，属性值必须用双引号括起来。

3.CSS

CSS是标准的布局语言，用来控制元素的尺寸、颜色和排版，用来定义如何显示HTML元素。纯CSS的布局与XHTML相结合可使内容表现与结构相分离，并使网页更容易维护，易用性更好。

4.JavaScript

JavaScript语言是一种解释性的、基于对象的脚本语言。JavaScript语言与Java语言之间没有联系，是两种完全不同的语言。JavaScript是一种“脚本”（Script），直接把代码写到HTML文档中，浏览器读取代码的时候才进行编译、执行，所以能查看HTML源文件就能查看JavaScript源代码。JavaScript没有独立的运行窗口，浏览器的当前窗口就是它的运行窗口。

使用JavaScript可使网页变得生动，增加互动性。它通过嵌入到标准的HTML中来实现。JavaScript语言使得网页和用户之间实现了一种实时、动态、交互的关系，使网页能够包含更多活跃的元素和更加精彩的内容，并以动态的形式呈现给用户。

5.Bootstrap

Bootstrap是基于HTML、CSS、JavaScript的开源框架，它包含了功能强大的样式、组件和插件，为页面开发人员提供了一个简洁统一的解决方案。Bootstrap 3.3.7版本得到了所有主流浏览器的支持。自Bootstrap 3起，框架的设计采用了的移动设备优先的样式。Bootstrap支持响应式的布局设计，能够适应台式机、平板电脑和手机应用的Web页面开发，是当前Web开发最流行的框架之一。