第2章什么是标准化页面精选文档.ppt

第2章什么是标准化页面本讲稿第一页，共二十五页预习检查XHTML元素有哪几种？哪个元素是头部中必须要求使用的？本讲稿第二页，共二十五页简要介绍所谓标准化页面是符合W3C建议结构标准的页面，目前的建议是使用XHTML 1.0、XHTML 1.1或者HTML 4.01。HTML 4.01与XHTML 1.0在结构、元素的定义中差别不大，XHTML 1.0（www.w3c.org/TR/xhtml1/）是在XML框架基础上参照HTML制定的，XHTML 1.1是基于模块的XHTML（www.w3.org/TR/xhtml11/）。本讲稿第三页，共二十五页主要内容2.1 XHTML基础2.2 DREAMWEAVER CS5基础2.3 文档结构元素2.4 头部元素本讲稿第四页，共二十五页XHTML基础XHTML文档结构XHTML文件文件XHTML文件是包含一些标签的文本文件，这些标签告诉Web浏览器如何显示页面。XHTML文件必须使用.htm或者.html作为文件扩展名，建议使用.html为文件扩展名，以适应跨平台的需要，XHTML文件可以通过任意文本编辑器创建。本讲稿第五页，共二十五页XHTML基础XHTML文档结构文档结构文档结构一个XHTML 1.0文档的基本结构如下：在XHTML文档中，是强制使用的，文档类型声明总是位于首行。DTD规定了使用通用标记语言的语法。本讲稿第六页，共二十五页XHTML基础XHTML文档结构XHTML 1.0定义了三种XML文档类型。XHTML 1.0 Strict（严格类型）（严格类型）不包含被反对使用和框架集的元素。被反对使用的元素有：applet、basefont、center、dir、font、isindex、menu、s（即strike）和u，它们大多与外观表现有关；框架集的元素有：frame、frameset和noframes。本讲稿第七页，共二十五页XHTML基础XHTML文档结构XHTML 1.0 Transitional（过渡类型）（过渡类型）包含被反对使用的元素，但不包含框架集元素。XHTML 1.0 Frameset（框架类型）（框架类型）包含框架集元素。本讲稿第八页，共二十五页XHTML基础元素与标签XHTML文档是由XHTML元素构成的文本文件，元素是标记语言的基本单元。元素是通过使用标签进行定义的，元素可以用来描述文档的各种成分和格式。元素（element）指文档的各种成分（如标题、段落、表格、列表、上标等）。元素的类型、属性和范围用标签（tag）来标识、设置和界定。标签（tag，标记/标识）是用来描述文档内容的类型、组成与格式化信息的文本字符串，用一对尖括号“”括起，位于起始标签和终止标签之间的文本是元素的内容。本讲稿第九页，共二十五页XHTML基础元素与标签如：此文本是粗体的。这个元素由起始标签 开始。内容是：“此文本是粗体的。”。由终止标签 结尾。标签的作用是定义一个显示为粗体的XHTML元素。这也是一个 XHTML 元素：这是我的第一个页面。这个 XHTML 元素开始于 标签，结束于 标签。本讲稿第十页，共二十五页XHTML基础元素与标签非空元素与标签非空元素与标签非空元素指含有内容的元素，非空标签指标识非空元素的标签，有开始和结束两个标签。格式：非空元素=开始标签 元素内容 结束标签开始标签=，标识元素的开始，其中方括号内为可选内容。结束标签=，标识元素的结束。例如：标题：Test。锚（anchor）：渤海大学。本讲稿第十一页，共二十五页XHTML基础元素与标签空元素与标签空元素与标签空元素指不含内容的元素，空标签指标识空元素的标签。一个空元素只有一个标签。格式：空元素=空标签=例如：图像（image）：。换行（break）：。水平标线（horizontal rule）：。本讲稿第十二页，共二十五页XHTML基础属性XHTML标签拥有属性，属性为元素提供附加信息。属性总是以名称/值对的形式出现，比如：name=value，属性总是在XHTML元素的开始标签中规定。开始标签中的多个属性用空格分隔，出现的顺序是无关紧要的。在XHTML文档中，属性值要用单引号或双引号括起来。单引号括起来的属性值中可以包含双引号，而双引号括起来的属性值中可以包含单引号。例如：拥有关于背景颜色的附加信息。本讲稿第十三页，共二十五页XHTML基础属性核心属性属性属性值值描述描述classclass_name元素的类（class）idid_name元素的特定idstyle样式定义内联样式定义title提示文本显示于提示工具中的文本本讲稿第十四页，共二十五页XHTML基础文档结构元素XHTML文档结构元素，用来描述XHTML文档的顶层结构，包括文档（根）元素html、头元素head和体元素body及文档类型元素!DOCTYPE。标签标签与标签定义了文档的开始点和结束点，在它们之间是文档的头部和主体。xmlns属性可以在文档中定义一个或多个可供选择的命名空间。在文档的标签中至少使用一个xmlns属性，以指定文档使用的命名空间。本讲稿第十五页，共二十五页XHTML基础文档结构元素 标签标签 标签用于定义文档头部，文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其它文档的关系等。绝大多数文档头部包含的信息不会作为内容显示。下面标签可用在head里：、以及。文档的标题是head部分中唯一必需的元素。标签标签body元素定义文档的主体。body 元素包含文档的所有内容（如文本、超链接、图像和列表等等。）本讲稿第十六页，共二十五页XHTML基础头部元素头部元素标签标签标签描述描述定义文档标题。定义页面中所有链接的基准URL。定义资源引用。定义元信息。本讲稿第十七页，共二十五页XHTML基础头部元素 标签标签元素定义文档的标题。在浏览器窗口的标题栏显示。当用户把文档加入收藏夹时，标题成为该文档链接的默认名称。如：文档的标题一定要选择一个正确的标题，这对于文档来说十分重要。应该设计一个能够传达一定内容和目的的标题。本讲稿第十八页，共二十五页XHTML基础头部元素 标签标签元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。标签是空元素，属性定义了与文档相关联的名称/值对。本讲稿第十九页，共二十五页XHTML基础头部元素属性属性值值描述描述http-equivcontent-type expires refresh set-cookie 把 content 属性关联到 HTTP 头部。nameauthor description keywords generator revised others 把 content 属性关联到一个名称。contentsome_text定义与http-equiv或name属性相关的元信息。content提供了名称/值对中的值，值是有效的字符串。本讲稿第二十页，共二十五页XHTML基础头部元素http-equiv属性使用有http-equiv属性的标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。content-Type：设定页面文档类型和字符集。如：页面文档类型为text/html，使用的字符集为utf-8。refresh：自动刷新并指向新页面。实例xhtml(meta_http-equiv_Refresh).html说明了http-equiv属性值为refresh的用法。本讲稿第二十一页，共二十五页XHTML基础头部元素name 属性XHTML没有指定任何预先定义的名称。通常情况下，可以自由使用对自己和源文档的读者来说富有意义的名称。keywords：关键字。description：内容描述。author：作者。generator：编辑器。revised：修订信息。robots：机器人向导。本讲稿第二十二页，共二十五页XHTML基础头部元素robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all，文件将被检索，且页面上的链接可以被查询。实例xhtml(meta_name).html。本讲稿第二十三页，共二十五页总结XHTML的基础语法文档结构语句本讲稿第二十四页，共二十五页预习第3章 如何建立结构化文档本讲稿第二十五页，共二十五页