Web程序设计要点.ppt

元数据（metadata）是关于数据的信息。 meta 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。 典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。 meta 标签始终位于 head 元素中。 元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 三种主要属性： Name—Meta名字，描述网页，与Content配合使用说明网页内容，以便于搜索引擎进行查找和分类； http-equiv—说明Content属性内容的类别； Content—定义页面内容，一些特定内容要与http-equiv属性配合使用。 针对搜索引擎的关键词 一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。 下面的 meta 元素定义页面的描述： meta name=description content=Free Web tutorials on HTML, CSS, XML / 下面的 meta 元素定义页面的关键词： meta name=keywords content=HTML, CSS, XML / name 和 content 属性的作用是描述页面的内容。 HTML中的转义字符? HTML中, ，等有特殊含义，(前两个字符用于链接签，用于转义)，不能直接使用。使用这三个字符时，应使用它们的转义序列，如下所示： amp; 或 #38; 和 lt; 或 #60; 小于号 gt; 或 #62; 大于号 quot; “ 双引号 nbsp; 空格 copy; ? 版权符 reg ? 注册符　　 前者为字符转义序列，后者为数字转义序列。数字转为字符对应的ASCII码值。 例如　 lt; font gt;显示为，font，若直接写为则被认为是一个链接签。 需要说明的是： 　　a. 转义序列各字符间不能有空格； 　　b. 转义序列必须以；结束； 　　c. 单独的不被认为是转义开始； 　　d.区分大小写。 　　另一个需要转义的字符是引号，它的转义序列为 或 锚点链接 HTML中的链接，正确的说法应该称作“锚点”，它命名锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作“精准链接”的便利工具，让链接对象接近焦点。 创建到命名锚记的链接的过程分为两步: 创建命名锚记和链接到命名锚记。 代码示例 a name=cnztweb/a会变成一个标记点 默认不显示 a href=#cnztwebcnztweb/a点击此处 跳到name点 ② 有序列表（ordered list）： ol列表项/ol 实例 ol liCoffee/li liTea/li liMilk/li /ol ③ 定义列表（definition list）： dl列表项/dl dl 标签定义了定义列表（definition list）。 dl 标签用于结合?dt?（定义列表中的项目）和?dd?（描述列表中的项目）。 实例 dl dt计算机/dt dd用来计算的仪器 ... .../dd dt显示器/dt dd以视觉方式显示信息的装置 ... .../dd /dl 预定格式（preformatted）标记： 可以使信息完全按照HTML文件中编排的格式原样显示于浏览器中，该标记的格式为： pre预定格式的信息/pre 只要将信息按照所需要的格式编排好，放在pre、/pre标记对中，就不必担心信息在浏览器中的显示会出现偏差。 3.2 可扩展标记语言XML 1. XML与HTML的比较 3.2.1 XML概述 【例3-11】XML与HTML的比较示例。 BODY Here we have some text H1 This is a heading /H1 This bit is normal text B This is some bold text /B And finally some more normal text /BODY 3.2 可扩展标记语言XML XML与HTML的比较 3.2.1 XML概述 区分大小写 不区分大小写 大小写敏感 内容描述与显示方式分离 内容描述与显示方式一体化 数据和显示关系 结构清晰，便于阅读与维护 难于阅读与维护 可读性与可维护性 语法严谨，严格要求标记嵌套、配对、遵循XML数据结构（DTD树形结构、XML Schema） 较宽松，不要求标记嵌套、配对等 语法