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