XHTML简明教程.ppt

用 strong 属性代替 b 属性 用 ins 属性代替 u 属性 用 em 属性代替 i 属性 有意义的标记更 容易处理； 除了人之外，程序和其他设备也 可以理解有意义的标记（搜索引擎可识别出标题h1）； 精简代码，不需要添加额外的标识符，避免不必要的代码膨胀。 意义的重要性： 保持名称和表现方式无关； 应根据“它们是什么”来为元素命名，而不是“它们的外观如何”来命名。 元素命名原则： XHTML 页面代码的 完整结构示例 核心元素：html head title body !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd !--必需的DOCTYPE声明-- html xmlns=/1999/xhtml !--html起始标签及命名空间标识符-- head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titleDocument Title/title /head body ……text…… /body /html END Html从出现到现在经历了很多的版本 从93年开始的第一版 到现在广泛使用的XHTML1.1 和目前正处于开发中的HTML5 经历了很多的版本 过了差不多二十年 技术越来越先进 所需要设计师编写的代码也越来越简洁 其中的三个重要阶段 97年 推出CSS 解决的问题 使表现和内容分开 * 针对最新的HTML5标准 官方提供了一个检测使用者浏览器对HTML5友好支持的程度的网站 ie6最差 只有12分 ie8 27分 FF 190分 * XHTML 简 明 教 程 什么是XHTML? XHTML 指可扩展超文本置标语言（EXtensible HyperText Markup Language 置标语言：特指用一系列约定好的标记来对电子文档进行标记）。 XHTML 的目标是取代 HTML。 XHTML 与 HTML 4.01 几乎是相同的。 XHTML 是更严格更纯净的 HTML 版本。 XHTML 是作为一种 XML 应用被重新定义的 HTML。 XHTML 是一个 W3C 标准。 HTML的前世今生 HTML5  CSS3 搭建下一代网站 示例 Now… 继续f 为什么要使用XHTML? XHTML 是 HTML 与 XML（扩展标记语言）的结合物。 XML 用来描述数据，而 HTML 则用来显示数据。 XHTML 中所有的东西都要被正确的标记，以产生形式良好的文档。 XHTML 可以被所有的支持 XML 的设备读取，同时在其余的浏览器升级至支持 XML 之前，XHTML 使我们有能力编写出拥有良好结构的文档，这些文档可以很好地工作于所有的浏览器，并且可以向后兼容。 XHTML简介 标签和元素 标签 由尖括号和它们中间的字母和数字组成 元素 由标签以及起始标签和结束标签之间的文本组成 元素的属性 ● 属性用于补充说明附带它们的元素，通常出现在附带它们的元素的起始标签中 ● 属性由两部分构成：名称和值 ● 一个元素可以附带多个属性 a href=/ target=_blank XHTML 与 HTML 之间的差异 XHTML 元素必须被 正确地嵌套。 divp/div/p divp/p/div XHTML 元素必须被 关闭。 p文字信息 p文字信息/p 空标签 也必须使用结束标签，或者其开始标签必须使用/结尾。 A break: br A horizontal rule: hr An image: img src=happy.gif alt=Happy face A break: br / A horizontal rule: hr / An image: img src=happy.gif alt=Happy face“ / 标签名必须用 小写字母。 P文字信息/P p文字信息/p XHTML 文档必须 拥有根元素。 所有的 XHTML 元素必须被嵌套于 html 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中。 html head ... /head body ... /body /html XHTML语法规则 属性名称必须 小写 table