3XHTML与Web标准探究.ppt

大学计算机基础规划教材 唐四薪 编著 清华大学出版社 2016年10月 第3章XHTML与Web标准 一、什么是 XHTML XHTML 是英文 Extensible HyperText Markup Language 的缩写，中文意思是“可扩展超文本标记语言”。 XHTML 1.0 是以 XML 1.0 的语法规范对 HTML 4.0 的改进 。 XHTML 是用于描述网页结构的标准语言。它不建议使用HTML中一些过时的描述表现的HTML标记和属性，对代码的书写要求也更加严谨 二、XHTML 文档的类型 XHTML 1.0 分为三种文档类型 XHTML 1.0 Transitional（过渡的） 允许使用表现层的标记和属性，但要符合 XHTML 的语法。 XHTML 1.0 Strict（严格的） 不允许使用任何表现层的标记和属性。 XHTML 1.0 Frameset（框架的） 用于框架结构的网页。 三、DOCTYPE （文档类型声明） DOCTYPE 声明是 (X)HTML 文档开头处的一行或两行代码，用于告知浏览器 (X)HTML 是哪个版本。 XHTML与HTML的区别(续) 2．XHTML文档可通过xmlns定义命名空间(Namespace)，如html xmlns=“/1999/xhtml” 表示该xhtml文档的命名空间是这个，如果我们换一个命名空间，就可以自定义xhtml文档的标记 A公司:程序员小王/程序员 A公司:会计小颜/会计 A公司:品管部 B公司:证券部 B公司:程序员小刘/程序员 A公司和B公司就是两个命名空间，可以在上面定义不同的标记，只要引用相应的XML DTD就可以使用这些标记了 XHTML与HTML的区别(续) 3．文档里必须具有html，head，body，title这些元素。 4．在HTML语言规范的基础上，XHTML对标记还有下面一些额外的要求： 1）标记名和属性名必须小写； 2）属性值必须用双引号引起； 3）所有标记包括单标记都必须封闭。 4）不允许省略属性值（如input checked /错 XHTML 语法 标记和属性的名称都必须使用小写。 XHTML 语法 属性值必须使用双引号。 XHTML 语法 标记被正确的嵌套使用。 XHTML 语法 关闭双标记。 XHTML 语法 关闭单标记。 XHTML 语法 标记名称与小于号之间不能留有空格。 XHTML 语法 属性不能被缩减。 例3 找出符合xhtml语法规范的语句 [例3]：下列哪条html语句的写法符合XHTML规范： （ ） A . br B. img src= ”photo.jpg” / C. IMG src= ”photo.jpg” /IMG D. img src= photo.jpg /img 3.2 Web标准 html存在的问题和web标准 HTML语言最开始是用来描述文档的结构的，如标题，段落等，后来因为人们还想用它控制文档的外观，HTML又增加了一些控制字体，对齐等方面的标记和属性 这样做的结果是HTML既可以用来描述文档的结构，又能表示文档的外观，但是两方面都描述不好。 于是人们想出了web标准，即结构和表现分离，网页由结构，表现和行为组成，用XHTML描述文档的结构。用CSS控制文档的表现，由XHTML确定网页的内容，而通过CSS来决定页面的表现形式。 3.2.1 传统HTML的缺点 body h2font color=#FF0000 face=黑体CSS标记1/font/h2 pCSS标记的正文内容1/p h2font color=#FF0000 face=黑体CSS标记2/font/h2 pCSS标记的正文内容2/p h2font color=#FF0000 face=黑体CSS标记3/font/h2 pCSS标记的正文内容3/p h2font color=#FF0000 face=黑体CSS标记4/font/h2 pCSS标记的正文内容4/p /body 导致的问题：代码冗余 如果要修改元素的样式，也要一个个的改，修改工作量大 HTML和CSS各司其职后 h2{ font-family:黑体; color:red; } h2CSS标记1/h2 pCSS标记的正文内容1/p h2CSS标记2/h2 pCSS标记的正文内容2/p h2CSS标记3/font/h2 pCSS标记的正文内容3/p h2CSS标记4/font/h2pCSS标记的正文内容4/p Web标准 Web标准是由W3C（World Wide Web Consortium）建立的