多媒体技术与应用第3章超文本原理.pptVIP

*3.6.11CSS类型、层级机制一个XHTML元素可能会应用到多重的CSS定义，这时需要通过CSS层级机制来解决样式冲突。CSS层级机制是当多个CSS样式定义应用到同一个XHTML元素时，分配一个权重给每一个样式定义，最高权重的样式定义优先。下面是层级的规则。图3-10XHTML_Casscade.htm的运行结果(1)外部CSS、内部CSS、嵌入式CSS三种方式的样式定义的权重依次增大。(2)同一方式的样式定义发生冲突时，后定义样式的权重大于先定义的样式。XHTML_Casscade.htm的运行结果如图3?10所示。*第3章超文本原理学习提示：基于XML规范的多媒体应用有XHTML、SVG/XAML、X3D等，可形成媒体的整体解决方案。本章将系统叙述XML超文本应用——XHTML的基本原理，为后文介绍超文本的具体应用奠定理论基础。本章主要以代码的方式叙述XHTML，建议结合第8章进行上机实验。本章学习目标如下：l 理解XHTML是XML超文本媒体应用。l 掌握XHTML常用元素的功能和用法l 理解XHTML文档的布局机制。l 理解XHTML文档内容与格式，掌握XHTML文档CSS样式的基本原理。l 理解XHTML文档内容、格式与功能，了解XHTML结合JScript、C#、Java等编程。*3.1XML超文本应用XHTML(网页)简介文本是最基本的媒体，文本编辑处理是最基本的媒体技术。文本编辑理论及其实现软件正日益发展并日趋标准化。XML在超文本领域的具体应用——XHTML语言则是描述超文本的Web标准(可登录/TR/xhtml1/查询)。XHTML是eXtensibleHyperTextMarkupLanguage的缩写，中文意译为可扩展超文本标记语言，是一个描述超文本的标记语言，XHTML可以将各种媒体有机地以Web方式集成在一起，并以超链接的方式综合表达信息(适合大脑的联想功能)。XHTML和XML在语法、结构等众多方面都具有相似性，只不过XHTML是XML在超文本领域的具体应用，而XML是关于XHTML、SVG/XAML、X3D等具体应用的元语言，将XHTML与XML对比理解，是掌握XHTML的捷径。*3.2XHTML文档的结构、元素、CSS、DOM1.XHTML文档基本结构2.??XHTML文档架构及其元素概述1)文档基本结构(DocumentStructure)类元素2)布局(Layout)类元素3)外部媒体引用(ExternalReference)类元素4)超链接(Hyperlink)类元素5)表单(Form)类元素3.??XHTML文档样式与CSS4.??XHTML文档逻辑结构与DOM*3.3XHTML文档编辑与浏览1.??XHTML文档浏览2.??XHTML文档编辑*3.4XHTML布局XHTML文档属于视觉媒体，视觉媒体布局基本原理参见1.6.1节。XHTML文档以描述文本为主导，所以又具有面向文本的布局特点。最基本的布局思路是字符形成段落，段落形成文档，整个文档就是一页，并可结合列表、表格等形成更复杂的布局。这些都通过相应的元素实现。代码3-2是一个包含了这些元素的XHTML文档示例，描述的是由试题组成的试题库，运行结果将如图3-3所示。参见教材P51*3.4XHTML布局1.块状元素和内嵌元素2.??div与span3.??ol、ul、li4.??p、br5.??table、tr、td6.元素布局与CSS布局7.文档尺寸、坐标系统、布局规则、元素占位*3.5XHTML的内容XHTML文档可理解为内容、格式、功能三类主要信息。内容定义是XHTML文档编辑的首要任务，内容定义后可进一步为内容赋予格式，为文档添加功能。XHTML文档内容通过元素/标记定义，关键是了解XHTML所有元素/标记的语法和基本功能，然后通过软件辅助(如ExpressionWeb)具体实现。*3.5.1XHTML文本XHTML是XML在超文本领域的具体应用，所以文本定义是XHTML的最基本功能。字符形成段落，段落形成文档，整个文档就是一页。如果一页超过满屏的高度或宽度，将提供滚动条滚动浏览。XHTML文档没有分页的概念。XHTML是为定义(超)文本文档而诞生的，所以XHTML设计为并不提供专门定义文本的元素(而XAML、X3D则分别面向二维图形动画、三维图形动画，都提供专门的文本定义元素，将分别在4.8节、5.8节叙述)。文本主要由段落类元素p，列表类元素ol、ul、li，表格类元素table、tr、td，分块元素div，内嵌元素span等格