W3C标准深入体验（体验版）

元素..............................................................22 2.4.13 使用空元素..........................................................................................................23 三、CSS 规范 ................................................................................................................................24 3.1 风格特立的 CSS...............................................................................................................24 3.1.1CSS 的语法.............................................................................................................24 3.1.2 层叠的含义............................................................................................................25 3.1.3CSS 的嵌入模式.....................................................................................................25 3.1.4 神奇的滤镜：你还需要 Photoshop 吗？ .............................................................26 3.1.5CSS 的不足.............................................................................................................27 3.2 理解 CSS 的盒子模型......................................................................................................27 3.2.1 CSS 的 BOX 概念 .................................................................................................27 3.2.2 左邻右里：边框、边距和空白 ............................................................................28 3.2.3 泼墨大写意、留白小题诗....................................................................................31 3.2.4 绝对与相对...........................................................................................................32 3.2.5 漂浮的自由感觉：CSS 的流动。........................................................................34 3.3 体验 CSS ..........................................................................................................................36 3.3.1 修饰前景、背景和字体........................................................................................36 3.3.2 修饰超链接............................................................................................................37 3.3.3 修饰可见性和显示性............................................................................................38 3.3.4 串行和块................................................................................................................39 3.3.5 修饰边框................................................................................................................40 3.3.6 列表变菜单............................................................................................................41 3.3.7 行间距....................................................................................................................43 3.3.8 文本定位................................................................................................................43 3.3.9 行的修饰................................................................................................................44 3.3.10 块的定位..............................................................................................................45 3.3.11 用 CSS 产生表格效果.........................................................................................47 3.4 体验 CSS 的神奇滤镜......................................................................................................47 3.4.1 渐变透明：Alpha .................................................................................................47 3.4.2 模模糊糊：Blur.....................................................................................................47 3.4.3 颠来倒去：FlipH, FlipV ......................................................................................47 3.4.4 单色透明：Chroma..............................................................................................47 3.4.5 如影随行：DropShadow......................................................................................47 3.4.6 光辉一瞬：Glow...................................................................................................47 3.4.7 一江春水向东流：Wave.......................................................................................47 3.4.8 曾经的胶卷底片：Invert ......................................................................................47 3.4.9xray .........................................................................................................................47 3.4.10 灰色天空：Gray..................................................................................................47 3.4.11 要有光：Light .....................................................................................................47 3.4.12 水乳交融：blendTrans ........................................................................................47 四、JScript 详解 ............................................................................................................................47 4.1JScript 语法概览................................................................................................................47 4.1.1 数据类型和声明定义............................................................................................47 4.1.2 执行 JScript 次序和 HTML 的位置关系.............................................................47 4.1.3 无类型的逻辑比较结果........................................................................................47 4.1.3 结构化语句控制....................................................................................................47 4.1.4 运算符....................................................................................................................47 4.2 函数...................................................................................................................................47 4.2.1 函数定义和声明....................................................................................................47 4.2.2 函数的实际获取参数............................................................................................47 4.2.3 引用当前执行的函数自身....................................................................................47 4.2.4 函数的实参的数量判断........................................................................................47 4.2.5 恐怖的函数定义及执行次序 ................................................................................47 4.3 深入体验 JScript 的面向对象..........................................................................................47 4.3.1 对象的创建和初始化............................................................................................47 4.3.2 属性的定义和枚举................................................................................................47 4.3.3 使用构造函数创建对象并声明属性和方法 ........................................................47 4.3.4 原型对象引用........................................................................................................47 4.3.5 实现实例成员和类成员........................................................................................47 4.3.6 子类父类的关系和实现........................................................................................47 4.4 深入继承模型...................................................................................................................47 4.5 打造 JScript 面向对象版本的 CollectionBase ................................................................47 4.5.1 定义 CollectionBase 框架 .....................................................................................47 4.5.2 实现 CollectionBase 的功能 .................................................................................47 4.5.3 设计 CashItem 对象 ..............................................................................................47 4.5.4 实现从 CollectionBase 继承的 CashCollection 类 ...............................................47 4.5.6 在 HTML 页面实现最终效果...............................................................................47 五、DOM .......................................................................................................................................47 5.1 了解 DOM 服务的概念 ...................................................................................................47 5.1.1 文档和结点............................................................................................................47 5.1.2 节点的类型............................................................................................................47 5.1.3 节点包含的属性值对............................................................................................47 5.1.4 文档的装载和解析................................................................................................47 5.1.5 使用 JScript 获取 HTML DOM 节点元素的常用方式 .......................................47 5.2 了解 HTML DOM 和 JScript 的关系 ..............................................................................47 5.2.1 认识 HTML DOM 对象和 HTML 元素的映射关系 ...........................................47 5.2.2 用于浏览器交互的 JScritp 重要对象...................................................................47 5.3 深入体验 JScript 和 HTML DOM 的客户端交互能力 ..................................................47 5.3.1 读取 HTML 组件的预定义属性和自定义属性...................................................47 5.3.2 扩展系统的 setTimeout 函数 ................................................................................47 5.3.3 自动表格值计算....................................................................................................47 六、DHTML ..................................................................................................................................47 6.1 浏览器对象模型 分析 定性数据统计分析pdf销售业绩分析模板建筑结构震害分析销售进度分析表京东商城竞争战略分析 .......................................................................................................47 6.1.1 浏览器对象层次结构............................................................................................47 6.1.2 浏览器对象事件支持............................................................................................47 6.1.2 浏览器对象 CSS 支持...........................................................................................47 6.2 在线 CSS 所见即所得编辑器..........................................................................................47 七、XML........................................................................................................................................47 7.1XML 基本语法规则..........................................................................................................47 7.1.1 一个简单的 XML 文档 .........................................................................................47 7.1.2 命名空间................................................................................................................47 7.1.3 实体和 CDATA......................................................................................................47 7.1.4 编码........................................................................................................................47 7.2 XML 的样式表 XSL ........................................................................................................47 7.2.1 XSL 的声明 ...........................................................................................................47 7.2.2 语法元素................................................................................................................47 7.2.3 函数........................................................................................................................47 7.2.4 XSL 的样式使用 ...................................................................................................47 7.3 数据岛...............................................................................................................................47 7.3.1 支持 Data Islands 的 XHTML 元素......................................................................47 7.3.2 属性式的数据岛绑定呈现....................................................................................47 7.3.3 子元素的数据岛绑定呈现....................................................................................47 7.3.4 无刷新翻页数据岛绑定........................................................................................47 7.3.5 配合 JScript 的复杂数据岛处理...........................................................................47 八、深入体验 W3C 的综合技术 ..................................................................................................47 一、W3C 介绍 自从 Web 诞生以来，Web 的每一步发展、技术成熟和应用领域的拓展，都离不开成立 于 1994 年 10 月的 W3C 的努力。W3C 是专门致力于创建 Web 相关技术标准并促进 Web 向 更深、更广发展的国际组织。 W3C 是 World Wide Web Consortium（万维网联盟）的缩写。他和 ISO、IEEE 共同作为 现代程序员需要关注的三大标准组织之一。 W3C 是维护 WEB 开发标准的非盈利组织。W3C 并不是关注 WEB 的某一个标准，而 是所有关于在 Internet 上基于 WEB 开发的一系列的集合。 无论你的 WEB 开发是基于 ASP、ASP.Net、JSP、PHP 等开发，或者你希望在你的 WEB 应用中运用 DIV+CSS、Javascript、XML、Ajax、XHTML、WEB2.0 等新颖概念，又或者你 仅仅想要作一个最最简单的 HTML 网页，所有的一切，你都必须要遵循 W3C 在 WEB 体系 的一系列标准，否则你的应用无法在 Internet 上与他人共享交互。 1.1W3C 推出的主要规范 到目前为止，W3C 已开发了超过 50 个规范(草案)。这些规范(草案)全面的为 WEB 开发工作提供了世界级的标准，让世界各地的开发人员在共同的标准上可信安全的 WEB 应 用程序。 WEB 应用分类 标准集合 HTML Basic HTML4.01/HTML5 XHTML1.0/1.1/XHTML Basic CSS1.0/2.0/3.0 XML XML1.0 DTD/ Schema XML DOM XSL/XSLT/XSL-FO/XPath/XQuery XLink/ XPointer/ XForms SOAP/WSDL RSS WAP WAP Web Services（WSDL、SOAP、UDDI） Browser Scripting JavaScript HTML DOM DHTML AJAX E4X WMLScript ECMAScript Multimedia Learn Media Learn SMIL Learn SVG 1.2 规范应用分类 在大量的规范中，W3C 依据 WEB 开发的分层规范，将所有的技术分类到三个部分： 标准分层规范 应用技术 结构（Structure）层 XHTML/XML 表现（Presentation）层 CSS 行为（Behavior）层 DOM/Script 二、XHTML 规范 XHTML 是 The Extensible Hypertext Markup Language(可扩展标识语言)的缩写。2000 年 底， W3C 公布发行了 XHTML 1.0 版本。XHTML 1.0 是一种在 HTML 4.0 基础上优化和改 进的新语言，目的是基于 XML 应用。XHTML 是一种增强了的 HTML,它的可扩展性和灵活 性将适应未来网络应用更多的需求。 XML 虽然数据转换能力强大，完全可以替代 HTML，但面对成千上万已有的基于 HTML 语言设计的网站，直接采用 XML 还为时过早。因此，在 HTML4.0 的基础上，用 XML 的规 则对其进行扩展，得到了 XHTML。所以，建立 XHTML 的目的就是实现 HTML 向 XML 的 过渡。 目前国际上在网站设计中推崇的 WEB 标准就是基于 XHTML 的应用（即通常所说的 CSS＋DIV）。 2.1 纯净严格的的 XHTML XHTML 是当前 HTML 版的继承者。HTML 语法要求比较松散，这样对网页编写者来 说，比较方便，但对于机器来说，语言的语法越松散，处理起来就越困难，对于传统的计算 机来说，还有能力兼容松散语法，但对于许多其他设备，比如手机，难度就比较大。因此产 生了由 DTD 定义规则，语法要求更加严格的 XHTML。 大部分常见的浏览器都可以正确地解析 XHTML，即使老一点的浏览器，XHTML 作为 HTML 的一个子集，许多也可以解析。也就是说，几乎所有的网页浏览器在正确解析 HTML 的同时，可兼容 XHTML。当然，从 HTML 完全转移到 XHTML，还需要一个过程。 跟 CSS（Cascading Style Sheets，层叠式样式表）结合后，XHTML 能发挥真正的威力； 这使实现样式跟内容的分离的同时，又能有机地组合网页代码，在另外的单独文件中，还可 以混合各种 XML 应用，比如 MathML、SVG。 因此我们可以认识到，XHTML 是 W3C 定义的，基于 XML 技术的纯净严格的 HTML 版本。 那为什么需要一个纯净严格的 HTML 版本呢？目前市场上浏览器越来越多，参与的用 户也越来越多，因此必须要有一个可以持续扩展的 WEB 网页标准。另外，某些浏览器则运 行在移动电话、手持设备或更小的设备上，而这些扩展设备往往没有足够强大的运算能力来 计算解释语意模糊的 HTML。 2.1.1XHTML 基本语法规范 为实现纯净严格的要求，XHTML 对格式有非常严格的规范 元素必须被正确的嵌套 元素必须被关闭 空元素也必须被关闭 元素必须是小写 文档必须有一个根 属性名必须小写 属性值必须加引号 属性不能简写 用 id 属性代替 name 属性 XHTML DTD 定义了强制使用的 HTML 元素 2.1.2XHTML 文档组成部分 一个 XHTML 文档有三个主要的部分 DOCTYPE Head Body 2.1.3XHTML 文件类型 如果你希望将页面验证为正确的 XHTML，那么页面中必须含有文件类型声明。因为 XHTML 文档是根据文档类型声明（DTD）进行验证的。只有将正确的 DTD 添加到文件 的首行，XHTML 文件才会被正确地验证。 XHTML 文件类型由 DOCTYPE 的不同描述代表了三种不同类型的 XHTML 文档类型。 文档类型 含义 DTD 定义 STRICT 严格型 TRANSITIONAL 过渡型 FRAMESET 框架型 严格 DTD 包含没有被反对使用的或不出现在框架结构中的元素和属性 过渡 DTD 包含严格 DTD 中的一切，外加那些不赞成使用的元素和属性 框架 DTD 包含过渡 DTD 中的一切，外加框架 2.1.4 实体字符 实体字符，就是 XHTML 所提供的一组特殊字符。在很多情况下，我们需要显示一些 特殊的文本。 这些字符有时候会出现在文档中，但不能以本身的样式进行拼写。比如 1/4，1/2 的特 殊写法。 有时候要显示的字符是 XHTML 中具有特殊意思的字符。比如<，>，&等。 有些字符在键盘上没有对应的按钮，比如℃、№ 对于一些非换行的的不可见字符。 下 面 的 表 格 简 单 的 描 述 了 一 些 常 用 的 实 体 。 具 体 详 细 信 息 请 参 阅 ： http://www.w3.org/TR/html4/sgml/entities.html 实体 描述方式