[网页设计资料一.ppt

网页设计基础 第三章 XHTML § 3.1 XHTML相关概念 Web标准与Web标准化 不是某一个标准，而是一系列标准的集合： § 3.1 XHTML相关概念 XHTML the eXtensible Hyper Text Markup Language 可扩展超文本标记语言 目前推荐遵循的是W3C于2000年1月26日推荐XHTML1.0标准（参考/TR/xhtml1） § 3.1 XHTML相关概念 XHTML（续） XHTML的目标是替代HTML XHTML几乎和HTML 4.01一样 XHTML是更严格和更干净的HTML XHTML是由HTML向XML过渡的语言 XHTML是一种代替HTML的XML应用 XHTML是W3C推荐的（代表着浏览器的发展方向） § 3.2 XHTML的基本内容 XHTML的基本内容 选择合适的DOCTYPE 指定xmlns 定义语言编码 XHTML中的元素 XHTML代码规范 XHTML校验与常见错误 § 3.2.1 选择合适的DOCTYPE DOCTYPE DOCTYPE是document type（文档类型）的简写，用来说明所使用的XHTML是哪个版本； 要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；并且，DOCTYPE声明必须放在每一个XHTML文档最顶部，在所有代码和标识之上。 DOCTYPE声明示例： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd § 3.2.1 选择合适的DOCTYPE DOCTYPE (2) 3种可供选择的DTD（Document Type Definition，文档类型定义）声明类型： 过渡的（Transitional）—— !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd 严格的（Strict）—— !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml1-strict.dtd 框架（Frameset）—— !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Frameset//EN /TR/xhtml1/DTD/xhtml1-frameset.dtd § 3.2.2 指定xmlns 指定xmlns html xmlns=/1999/xhtml lang=gb2312 xmlns是xml namespace的缩写，叫做“命名空间”声明。 ∵ XHTML是HTML向XML过渡的标识语言 ∴ 它需要符合XML文档规则，需要定义命名空间 ∵ XHTML1.0不能自定义标识 ∴ 所有xhtml文档的命名空间都相同，即/1999/xhtml § 3.2.3 定义语言编码 定义语言编码 为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的需要定义： meta http-equiv=Content-Type content=text/html; charset=gb2312 / 不指定语言编码有时甚至无法正常显示页面（特别是使用记事本进行代码编辑时要特别注意） § 3.2.4 避免使用的HTML元素 避免使用的HTML元素 特定浏览器的自定义元素： IE中的marquee，NS中的blink； 没有语义或语义不清晰的元素： b, i 使用strong和em代替 和文档表现相关的元素： font、u、s (strike)、center 可以通过transitional验证，无法通过strict验证 能通过框架验证，但不推荐使用的元素： frameset、frame、noframes § 3.2.4 避免使用的HTML元素 XHTML经常用到的两个元素 div和span div（division的缩写）和span元素用于在文档中定义逻辑区域 它们的最大特点是默认情况下没有对元素进行任何格式化渲染，主要用于为元素开始和结束标签之间的内容指定CSS样式 它们的区别在于div是区块元素，而span是内联元素 在以后的内容中，我们将经常使用这两个元素，暂时不关注它们的属性 § 3.2.5 XHTML代码规范 1、XHTML文档应该合理嵌套 每个层次的嵌