《ASP.NET网页设计与网站开发教学课件作者马骏党兰学杜莹第2章节HTML与XHTML》由会员分享，可在线阅读，更多相关《ASP.NET网页设计与网站开发教学课件作者马骏党兰学杜莹第2章节HTML与XHTML（49页珍藏版）》请在金锄头文库上搜索。
1、第2章 HTML与XHTML,第2章 HTML与XHTML,2.1 Web标准与脚本发展概述 2.2 HTML 2.3 XHTML,第2章 HTML 与 XHTML,HTML（Hypertext Markup Language，超文本标记语言）是一种基本的Web网页设计语言，主要用于实现静态的万维网文档。 为了适应XML（Extensible Markup Language，可扩展标记语言）的需要，随后又出现了XHTML（Extensible Hypertext Markup Language，可扩展超文本标记语言）。 XML是一种结构化的、使用文本格式存储的数据描述，可以将数据表示为具有层次
2、结构的结构化文本形式。 XHTML是一种基于XML的标记语言，带有从HTML升级为XML的过渡性质，是目前流行的网页设计语言之一。,2.1 Web标准与脚本发展概述,2.1.1 Web标准 2.1.2 脚本描述及其发展概述,网页设计最有代表性的就是HTML。 随着Internet的普及，出现一些制定标准的组织，其中最典型的就是W3C、ECMA等。 W3C是World Wide Web Consortium的简称，即全球万维网联盟的简称。 W3C创建于1994年，从1998年开始，为了让软件生产厂商重视这些规范，W3C将“推荐规范”重新命名为“Web标准”。 CSS、XML、XHTML和DOM（
3、Document Object Model，文档对象模型）都属于W3C制定的Web标准。,2.1.1 Web标准,2.1.1 Web标准,Web标准是指一系列标准的集合。 除了W3C之外，还有其他制定标准的组织，ECMA是其中比较有代表性的组织之一。 ECMA是European Computer Manufacturers Association-的简称，即欧洲计算机制造商协会。我们平时所说的“标准JavaScript”就是指符合ECMA规定标准的JavaScript，也叫“ECMAScript”。,2.1.1 Web标准,为什么要求Web开发必须符合这些标准呢？ 这是因为客户端浏览器并不是只
4、有一种，除了我们熟知的IE（Internet Explorer）浏览器外，市场上流行的还有其他客户端浏览器，例如，Netscape、Mozilla、FireFox以及Opera等，如果开发者设计的网站不符合Web标准，使用其他浏览器的用户，就可能无法正常显示网页的内容。 换句话说，Web标准是国际上的通用标准，凡是符合这些标准的网站，都能用任何一种浏览器正常浏览。,2.1.1 Web标准,在Web标准中，为了清晰地描述网页的各种特性，W3C把一个网页分为，结构、表现和行为3个部分。 与此对应的标准也分为3个方面： 结构化标准（XHTML、XML） 表现标准（CSS） 行为标准（DOM、ECMA
5、Script）。,2.1.1 Web标准,结构化标准（XHTML、XML） 网页设计中的第1种标准是结构化标准，主要包括W3C制定的XML和XHTML。 表现标准（CSS） 网页设计中的第2种标准是表现标准，目前最流行的标准就是CSS。,2.1.1 Web标准,CSS是Cascading Style Sheets的缩写，称作层叠样式表，也叫级联式样式表。目前推荐遵循的是W3C于1998年推荐的CSS2。 W3C创建CSS标准的目的是以CSS取代HTML表格布局和其他表现语言。纯CSS布局与结构式XHTML相结合能帮助开发人员分离页面的外观与结构，使站点的访问及维护更加容易。,2.1.1 Web
6、标准,表现标准（CSS）的作用主要有以下几方面: （1）以前必须通过图片转换才能实现的功能，可以用CSS轻松实现，从而使页面的下载速度更快。 （2）采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果进行更加精确的控制。利用CSS，只需对相应的代码做一些简单修改，就可以改变同一页面多个部分的格式，或者同时改变多个网页的外观。 （3）Web开发人员可以通过CSS统一控制页面的布局。,2.1.1 Web标准,网页设计中的第3种标准是行为标准，例如DOM、ECMAScript等。 DOM是Document Object Model的缩写，称为文档对象模型。 根据W3C DOM规范，DO
7、M是一种与浏览器、平台和语言无关的接口，使Web开发人员可以访问页面中的任何一个文档对象。 DOM解决了不同浏览器之间（例如Netscape的JavaScript和Microsoft的Jscript）的冲突，给Web开发者提供一个标准的方法来访问站点中的数据、脚本和表现层对象。,2.1.1 Web标准,DOM为HTML、XML等数据载体和信息载体在内存中的处理提供了一种基本的对象模型，可提供连接到文件的结构、格式和事件等。 DOM不依赖于任何程序设计语言和网页描述语言，它为有效处理HTML和XML数据提供了一种标准的、独立的接口。 DOM先后经历了3个版本： 1998年发布的DOM Level
8、 1 2000年发布的DOM Level 2 2003年发布的DOM Level 3,2.1.2 脚本描述及其发展概述,ECMAScript是ECMA制定的JavaScript标准，目前推荐遵循的是ECMAScript 262。ECMA是一个专门规定各种标准的国际化组织。 在ECMAScript标准之前，我们所说的JavaScript是指Netscape公司设计的JavaScript。 3种不同的JavaScript版本： Netscape Navigator 3.0中的JavaScript IE中的Jscript CEnvi中的ScriptEase,2.1.2 脚本描述及其发展概述,1997
9、年，JavaScript 1.1作为一个草案提交给ECMA。 第39届技术委员会（TC39）被委派来“标准化一个通用、跨平台、中立于厂商的脚本语言的语法和语义”，由来自Netscape、Sun、Microsoft、Borland和其他一些对脚本编程感兴趣的公司的程序员组成的TC39共同制定了ECMA-262标准，并将其命名为ECMAScript。 W3C也及时出版了标准的DOM规范。 国际标准化组织（ISO）以及国际电工委员会（IEC）也采纳ECMAScript作为标准（ISO/IEC-16262）。 从此，各种公司的浏览器就开始将ECMAScript作为JavaScript实现的基础。,2.
10、2 HTML,2.2.1 HTML的基本格式 2.2.2 HTML标记,2.2 HTML,1990年，HTML语言和WWW（万维网）一起诞生，它是众多标记语言的一种。 1993年，IETF（因特网工程部）起草了HTML的第1个版本，采用SGML。 1995年，IETF推出了和浏览器相适应的HTML2.0作为正式的Internet标准。 1996年由W3C联合几大公司共同开发的HTML3.2建议标准 。 1997年1月被发布为正式标准。 1999年12月，W3C又推出HTML4.01。,2.2.1 HTML的基本格式,HTML文档的内容一般都位于和之间，分为首部（head）和主体（body）两个
11、部分。 命令一般采用“”和“”的形式配对出现 有些标记也可以单个出现 标记符不区分大小写,2.2.1 HTML的基本格式,基本格式为 文档标题 HTML文档的主体部分 ,2.2.1 HTML的基本格式,文档的首部位于标记和之间，其中可以加入其他标记 首部的信息不在网页内出现，只用来设置HTML文档的标题、作者等信息，因此在HTML中可以省略 标记和之间的内容构成了HTML的主体部分，也是主要设计区域,2.2.1 HTML的基本格式,在由“”包含的标记中，通过设置属性，能使页面产生不同的效果 中可以包含一个或多个属性 多个属性之间必须用空格隔开 一般格式为： 标记 属性1=“值1“ 属性2=“值
12、2“ 在HTML中，等号右边的属性值可以带双引号，也可以省略双引号。 例如： 具体格式设置参见例2-1,2.2.2 HTML标记,HTML的标记非常多，W3C在制定标准时，结合各厂家不同浏览器的发展，反对和弃用了一些标记。W3C反对的标记一般是一些浏览器自己制定的标准，弃用的是一些过时的标记。但是，由于各种浏览器都考虑了兼容性，所以过时的标记在新的浏览器中仍然可以被解析。同时，HTML的每个版本也都会提出一些新的标记，但是基本的标记没有改变。,2.2.2 HTML标记,常用HTML标记符及其功能,2.3 XHTML,2.3.1 XHTML的基本格式 2.3.2 XHTML与HTML的区别 2.
13、3.3 XHTML标记,2.3 XHTML,HTML从出现到现在，标准在不断完善、功能也越来越强大，但是它的规范化要求依然不是很严格，仍有很多缺陷和不足。 为此，W3C开发了XML标准。 XML是用来对信息进行自我描述而设计的一种新语言。 XML也是一种基于文本的标记语言，但是XML可以让用户根据要表现的文档，自由地定义标记来表现具有实际意义的内容。 XML不像HTML那样具有固定的标记集合，它实际上是一种定义语言的语言，也就是说使用XML的用户可以自己定义各种标记来描述文档中的任何数据元素，将文档的内容组织成丰富的、完整的信息体系。,2.3 XHTML,XML具有便于存储的数据格式、可扩展、
14、高度结构化以及方便的网络传输等特点。 XML是Web设计的发展趋势。 在XML 1.0标准推出时，仍然有大量的人员采用HTML，而且在万维网中已存在数以百万计的页面是采用HTML编写的，所以不能直接抛弃HTML，因此，HTML的后继者XHTML就出现了。,2.3 XHTML,XHTML是为了适应XML而重新改造的HTML。它是一种独立的语言，以HTML 4.01作为基础，又以XML的应用为目的，是从HTML到XML的过渡。 2000年1月，W3C推出XHTML 1.0标准。该标准与HTML 4.01具有相同的特性，也是一种标记语言，但是做了一些限制，要求在网页中出现的任何元素都要被标记出来。
15、2001年5月，W3C又推出XHTML 1.1标准，它以XHTML 1.0的严谨为基础，并做了一些改进，同时对XHTML的模块化重新定义。XHTML非常严密，兼容性强，交互性好，能够解决制约HTML发展的问题，比如多种显示设备的支持，多样的数据表示等。,2.3 XHTML,W3C已经确定了4个XHTML标准： XHTML1.0 Transitional XHTML1.0 Frameset XHTML1.0 Strict XHTML1.1 XHTML1.1规范是这些级别中最严格的 XHTML1.0 Frameset和Transitional规范定义了基于XML的HTML标记，允许某些常用的构造。
16、,2.3.1 XHTML的基本格式,一个符合标准的XHTML网页，必须包含一个DOCTYPE声明 该声明用来将网页标识为XHTML页，并说明网页所遵循的XHTML规范。 这个网页还必须声明XHTML命名空间，网页内的所有标记都是属于这个命名空间的。 例如： ,2.3.1 XHTML的基本格式,第1行是DOCTYPE声明。 XHTML1.0提供了三种DTD声明供选择： Strict（严格型） Transitional（过渡型） Frameset（框架型） 第2行代码和HTML代码也有明显差别。 XHTML中的标记符区分大小写,2.3.1 XHTML的基本格式,XHTML中的标记符区分大小写，它的基本格式为： 文档标题 XHTML文档的主体部分 ,2.3.2 XHTML与HTML的区别,XHTML与HTML的区别 标记的嵌套使用 大小写的使用 引号的使用 结束标记 样式的使用 id和name 具体方法参看例2-2 。,2.3.3 XHTML标记,1主体标记符body XHTML的主体标记和HTML是一样的，在两标记之间定义了网页的所有显示内容。默认背景色为白色，字体是12
