《ASP.NET3.5网站开发实例教程9787302196174ch02章节》由会员分享，可在线阅读，更多相关《ASP.NET3.5网站开发实例教程9787302196174ch02章节（63页珍藏版）》请在金锄头文库上搜索。
1、,第2章 XHTML基础知识,ASP.NET 3.5网站开发实例 清华大学出版社,教学目标,理解什么是HTML、XML和XHTML，以及三者之间的关系 掌握动态网页的组成结构 掌握XHTML的语法规则 熟悉并使用XHTML标记,第2章 XHTML基础知识,2.1 Web基本技术 2.2 XHTML的基本格式 2.3 XHTML标记、标记属性,2.1 Web基本技术,2.1.1 HTML 2.1.2 XML 2.1.3 XHTML,2.1.1 HTML,HTML（HyperText Markup Language）超文本标记语言，是制作页面文档的主要编辑语言。 无论在何种操作系统下，只要有浏览器
2、就可以运行HTML页面文档。 HTML只是建议Web浏览器应该如何显示和排列信息，并不能精确定义格式，因此在不同的浏览器中显示的HTML文件效果会不同。,2.1.1 HTML,HTML文件是一种纯文本文件，通常以.htm或.html作为文件扩展名。 可以用各种类型的工具来创建或者处理HTML页面，如记事本、写字板、FrontPage、Dreamweaver等,HTML缺陷：,HTML的标记是固定的。 HTML不允许用户创建自己的标记。所以HTML很难做更复杂的事情：如它无法描述矢量图形、科技符号和一些其他的特殊显示效果。 HTML中标记的作用只是建议浏览器用何种方式显示数据。 HTML语言无法
3、解释数据之间的关系，以及相关结构方面的信息，因此不能适应日益增多的信息检索要求和存档要求。,2.1.2 XML,XML（eXtensible Markup language）可扩展标记语言 将网络上的文档规范化，并赋予标记一定的含义 XML又不仅仅只是标记语言，它还提供了一个标准，用户可以利用这个标准定义新的标记语言，并为这个新的标记语言规定它所特有的一套标记。,2.1.2 XML,XML已经在文件配置、数据存储、基于Web的B2B交易、存储矢量图形和描述分子结构等众多方面得到广泛的应用 但由于目前的浏览器对XML的支持还不够完善，XML在互联网上完全替代HTML还需要很长一段时间,2.1.3
4、 XHTML,XHTML（eXtensible Hypertext Markup Language）可扩展超文本标记语言。 XHTML是为了使HTML向XML顺利过渡而定义的标记语言，它以HTML为基础，采用XML严谨的语法结构 XHTML结合了部分XML的强大功能及大多数HTML的简单特性，是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用的需求。,2.1.3 XHTML,目前国际上在网站设计中推崇的Web标准就是基于XHTML的应用（即通常所说的CSSDIV） 大部分的浏览器都可以正确地解析XHTML，即使老版本的浏览器，也将XHTML作为HTML的一个子集。,2.2 XHTM
5、L的基本格式,2.2.1 ASP.NET的文档结构 2.2.2 XHTML的语法规则,2.2.1 ASP.NET的文档结构,一个完整的ASP.NET页面文档是由指令、文档类型声明、代码声明、服务器代码、文本和XHTML标记等部分组成 （结合第一章建立的welcome.aspx为例演示讲解）,2.2.1 ASP.NET的文档结构,（1）指令： ASP.NET页面通常包含一些指令，允许用户指定页面的属性和配置信息，对页面进行设置。指令指定的设置，不会出现在浏览器端。 在网页设计时，ASP.NET提供“代码分离”技术 源代码放在扩展名为.aspx文件中， 将Web服务器运行代码放在另一个文件中，若此
6、文件是由C#编写的，则文件扩展名为.cs。 .aspx文件和.cs文件的相互关联是由aspx文件中page 指令连接的。,2.2.1 ASP.NET的文档结构,（2）文档类型声明 DOCTYPE 指定本文档遵从的 DTD（Document Type Definition文档类型定义）标准，同时指定了文档中的XHTML版本，可以和哪些验证工具一起使用等信息，以保证此文档与Web标准的一致。 文档类型声明是每个网页文档必需的，默认的方式为HTML 4.0,本例文档类型声明 DOCTYPE, DOCTYPE是document type (文档类型)的缩写 “W3C/DTD XHTML 1.0 Tra
7、nsitional”说明此文档符合W3C制定的XHTML 1.0 规范，即声明此文档应该按照XML文档规范来配对所有标记。 “xhtml1-transitional.dtd”中的DTD是文档类型定义，包含了文档的规则，浏览器根据页面所定义的DTD来解释页面内的标识，并将其显示出来。,2.2.1 ASP.NET的文档结构,（3）代码声明： 包含ASP.NET页面的所有应用逻辑和全局变量声明、子例程和函数。 页面的代码声明位于 标记中。,2.2.1 ASP.NET的文档结构,（4）服务器代码 大多数 ASP.NET 页面包含处理页面时在服务器上运行的代码。页面的代码位于 script 标记中，该标
8、记中的开始标记包含 runat=“server“ 属性。 本例中的，说明页面运行时，ASP.NET 将此标记标识为服务器控件，并使其可用于服务器代码。,2.2.1 ASP.NET的文档结构,（5）文本和XHTML标记： 页面的文本部分用XHTML标记来实现，这一部分结构应完全符合HTML的文件结构。 一个最基本的HTML网页结构由三个部分构成： 标题内容 主要内容 ,（5）文本和XHTML标记：,: 整个HTML文件的起止标记 其他HTML标记都要被放在这对标记之间。 在HTML代码中，仅有 在XHTML代码中使用了 其中的xmlns是XHTML namespace的缩写，即XHTML命名空间
9、，用来声明网页内所用到的标记是属于哪个名称空间的。 本例中，指定HTML的标记名称空间为http:/www.w3.org/1999/xhtml ，这属于XML 1.0的写法。说明整个网页标记应符合XHTML规范。,（5）文本和XHTML标记：,: HTML头部文件。 头部文件中包含页面传递给浏览器的信息，这些信息作为一个单独的部分，不是网页的主体内容 在头部文件中可以设置页面的标题、关键字、外部链接和脚本语言等内容：如用标记来设置网页的标题，用标记来插入脚本等,（5）文本和XHTML标记：,: 文档内容部分。 标记之间为页面文档的主体，用来放置页面的内容，是在浏览器中需要显示的内容。 对一个最
10、简单的网页来说，标记符是必须使用的标记符。,2.2.2 XHTML的语法规则, UTF-8之外的编码，文档必须具有XML声明 当文档的字符编码是默认的UTF-8之外的编码时，编程人员必须在XHTML页面中添加一个XML声明并指定代码。 例如：,2.2.2 XHTML的语法规则,(2) HTML标记之前必须使用DOCTYPE声明 XHTML 1.0提供了3种DTD声明供选择，DOCTYPE声明必须引用其中一种类型： Transitional（过渡型）：可以使用符合HTML4.0标准的标记，但是必须符合XHTML的语法。是ASP.NET默认文档类型定义 声明代码为： Strict（严格型） Fra
11、meset（框架型）,2.2.2 XHTML的语法规则,(3) 页面的html标记必须指定命名空间 html标记必须指定XHTML命名空间 即将namespace属性添加到html标记中。 如例子中的。,2.2.2 XHTML的语法规则,(4) 文档必须包含完整的结构标记 文档必须包含head，title和body结构标记 框架集文档必须包含head，title和frameset结构标记。,2.2.2 XHTML的语法规则,(5) 标记必须正确嵌套 XHTML要求有严谨的结构，文档中的所有标记必须按顺序正确嵌套，例如： This is a bad example.是错误的； This is a
12、 good example.是正确的。 也就是说，一层一层的嵌套必须是严格对称。,2.2.2 XHTML的语法规则,(6) 标记必须成对使用，若是单独不成对的标记，在标记最后加/结束。如： 是错误的； 是正确的。,2.2.2 XHTML的语法规则,(7)所有标记名称和属性的名字都必须使用小写 与HTML不同，XHTML对大小写是敏感的，XHTML要求所有的标记和属性的名字都必须使用小写。 和在XHTML是不同的标记。,2.2.2 XHTML的语法规则,(8) 属性值必须用引号“括起来 在HTML中，不要求给属性值加引号，但是在XHTML中，属性值必须被加引号。 例如: 必须修改为： 特殊情况，
13、若用户需要在属性值里使用双引号，可以使用“,2.2.2 XHTML的语法规则,(9) 属性不允许简写，每个属性必须赋值 XHTML规定所有属性都必须有一个值，没有值的就重复本身。 例如： 必须修改为： ,2.2.2 XHTML的语法规则,(10) 使用id替代name属性 (11) 图片必须有说明文字 每个图片标记必须有ALT说明文字。即必须对img和area标记应用文字说明alt=“说明”属性。 如：,2.2.2 XHTML的语法规则,(12) 不要在注释内容中使“-” “-”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。 例如下面的代码是无效的： 可以用等号或者空格
14、替换内部的虚线，如： 是正确的。,2.3 XHTML标记、标记属性,2.3.1 主体标记 2.3.2 注释标记 2.3.3 分层标记 2.3.4 文本和格式标记 2.3.5 表格标记 2.3.6 超链接标记 2.3.7 图像标记,2.3 XHTML标记、标记属性,标记（Tags）是指定界符（一对尖括号）和定界符括起来的文本，用来控制数据在网页中的编排方式，告诉应用程序（例如浏览器）以何种格式表现标记之间的文字。 当需要对网页某处内容的格式进行编排时，只要把相应的标记放置在该内容之前，浏览器就会以标记定义的方式显示网页的内容。 标记控制文字显示的语法为： 需进行格式控制的文字 ,2.3 XHTM
15、L标记、标记属性,在XHTML标记中，还可以通过设定一些属性，来描述标记的外观和行为方式，以及内在表现，以便对文字编排进行更细微的控制。 几乎所有的标记都有自己的属性。 例如style=“text-align:center”，其中，style就是标记的属性，style的值设置文本格式为居中对齐。 使用标记符有如下一些注意事项： 任何标记都用“”括起来，一般情况下，标记是成对出现的。 标记名与“ 网页内容 ,2.3.1主体标记,主体标记之间定义了网页的所有的显示内容。 网页默认的显示格式为：白色背景，12像素黑色Times New Roman字体。 在XHTML中，标记用属性style来设置样式，如设置字体的大小、颜色、页面的背景色和背景图等。格式为： 其中，样式与值用冒号分隔，如果style属性中包含多个样式，各个样式之间用分号隔开。,
