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