1、网页设计基础,1,网页设计基础,第三章 XHTML,Web设计与编程导论第二章，第三章，p22-p83,2,网页设计基础, 3.1 XHTML相关概念,Web标准与Web标准化不是某一个标准，而是一系列标准的集合：,网 页,3,网页设计基础, 3.1 XHTML相关概念,XHTML the eXtensible Hyper Text Markup Language 可扩展超文本标记语言 目前推荐遵循的是W3C于2000年1月26日推荐XHTML1.0标准（参考http:/www.w3.org/TR/xhtml1）,过 渡,4,网页设计基础, 3.1 XHTML相关概念,XHTML（续）XHTM
2、L的目标是替代HTML XHTML几乎和HTML 4.01一样 XHTML是更严格和更干净的HTML XHTML是由HTML向XML过渡的语言 XHTML是一种代替HTML的XML应用 XHTML是W3C推荐的（代表着浏览器的发展方向）,拯救者？ or 牺牲品？,5,网页设计基础, 3.2 XHTML的基本内容,XHTML的基本内容选择合适的DOCTYPE 指定xmlns 定义语言编码 XHTML中的元素 XHTML代码规范 XHTML校验与常见错误,6,网页设计基础, 3.2.1 选择合适的DOCTYPE,DOCTYPEDOCTYPE是document type（文档类型）的简写，用来说明所
3、使用的XHTML是哪个版本； 要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；并且，DOCTYPE声明必须放在每一个XHTML文档最顶部，在所有代码和标识之上。DOCTYPE声明示例： ,7,网页设计基础, 3.2.1 选择合适的DOCTYPE,DOCTYPE (2) 3种可供选择的DTD（Document Type Definition，文档类型定义）声明类型： 过渡的（Transitional）严格的（Strict）框架（Frameset） ,8,网页设计基础, 3.2.2 指定xmlns,指定xmlnsxmlns是xml namespace的缩写，叫做“命名空间”声明。
4、 XHTML是HTML向XML过渡的标识语言 它需要符合XML文档规则，需要定义命名空间 XHTML1.0不能自定义标识 所有xhtml文档的命名空间都相同，即http:/www.w3.org/1999/xhtml,9,网页设计基础, 3.2.3 定义语言编码,定义语言编码为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的需要定义：不指定语言编码有时甚至无法正常显示页面（特别是使用记事本进行代码编辑时要特别注意）,10,网页设计基础, 3.
5、2.4 避免使用的HTML元素,避免使用的HTML元素 特定浏览器的自定义元素： IE中的marquee，NS中的blink； 没有语义或语义不清晰的元素： b, i 使用strong和em代替 和文档表现相关的元素： font、u、s (strike)、center 可以通过transitional验证，无法通过strict验证 能通过框架验证，但不推荐使用的元素： frameset、frame、noframes,11,网页设计基础, 3.2.4 避免使用的HTML元素,XHTML经常用到的两个元素div和span div（division的缩写）和span元素用于在文档中定义逻辑区域 它们
6、的最大特点是默认情况下没有对元素进行任何格式化渲染，主要用于为元素开始和结束标签之间的内容指定CSS样式 它们的区别在于div是区块元素，而span是内联元素在以后的内容中，我们将经常使用这两个元素，暂时不关注它们的属性,12,网页设计基础, 3.2.5 XHTML代码规范,1、XHTML文档应该合理嵌套 每个层次的嵌套必须严格对称 此规范即所谓的“格式良好（well-formed）”,正确：nested elements.here is an emphasized paragrah.,错误：overlapping elements.here is an emphasized paragrah
7、.,13,网页设计基础, 3.2.5 XHTML代码规范,2、元素名和属性名必须使用小写 与HTML不一样，XHTML对大小写是敏感的，XHTML要求所有的元素名和属性名都必须使用小写。,正确：text quoted. ,错误：text quoted. ,14,网页设计基础, 3.2.5 XHTML代码规范,3、非空元素必须具有结束标签 HTML中特定元素可以不要结束标签；XHTML的实质是XML，而XML不允许忽略结束标签。,正确：terminated elements.here is a paragraph. here is another paragraph.,错误：unterminat
8、ed elements.here is a paragraph. here is another paragraph.,15,网页设计基础, 3.2.5 XHTML代码规范,4、空元素的标签必须以“/”而不是“”结束 空元素没有开始和结束标签之分，其标签应该以“/”结束,正确：terminated empty elements.,错误：unterminated empty elements.,16,网页设计基础, 3.2.5 XHTML代码规范,5、属性值必须使用引号括起来 即使属性值是一个数字，也需要使用引号括起来。,正确：quoted attribute values.,错误：unquot
9、ed attribute values.,17,网页设计基础, 3.2.5 XHTML代码规范,6、必须为布尔属性指定属性值 XML不支持属性值的简写形式,正确：unminimized attributes,错误：minimized attributes,18,网页设计基础, 3.2.5 XHTML代码规范,XHTML是一种XML应用，而XML具有严格的语法，所以和HTML不同，XHTML具有特定的语法规范。学习XHTML的目的是为了代码能够通过W3C的代码校验，使自己的网页符合标准；有了统一、唯一的标准，也有利于以后的数据再利用。XHTML的语法规范远不止这些，上面列举的是其中最基本的部分；其它的代码规范可以通过代码校验来完成。,19,网页设计基础, 3.2.6 XHTML代码校验,XHTML代码校验方法 W3C网站的XHTML代码校验 http:/validator.w3.org/,20,网页设计基础, 3.2.6 XHTML代码校验,XHTML代码校验方法 工具验证 Macromedia Dreamweaver 8.02 Microsoft Expression Web,
