【2017年整理】第5单元 链接.docVIP

第5单元 链接 XHTML 超链接（链接） 文字链接 链接的目标 图像链接 内部链接 6. 超文本 超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，也可以是别的XHTML标记，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。我们通过使用 a 标签在 HTML 中创建链接。 有两种使用 a 标签的方式： 通过使用 href 属性 - 创建指向另一个文档的链接 通过使用 name 属性 - 创建文档内的书签 文字链接 链接的 HTML 代码很简单。它类似这样： a href=urlLink text/a 功能：href 属性规定链接的目标。 开始标签和结束标签之间的文字被作为超级链接来显示。 提示：链接文本 不必一定是文本。图片或其他 HTML 元素都可以成为链接。 链接属性（链接的目标） 使用 Target 属性，你可以定义被链接的文档在何处显示。 下面的这行会在新窗口打开文档： a href= target=_blank网易首页/a 下面的这行会在当前窗口打开文档：(默认值) a href= target=_self网易首页/a 图像链接 图像链接的 HTML 代码很简单。它类似文本链接： a href=urlimg src=”pic.jpg”//a 内部链接（锚记链接） name 属性 name 属性规定锚（anchor）的名称。 name 属性用于创建 HTML 内部的书签。 书签不会以任何特殊方式显示，它对读者是不可见的。 当使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。 命名锚的语法： a name=label返回页首/a 提示：锚的名称可以是任何你喜欢的名字。 HTML 文档内部的已命名的锚： a name=tips返回目录/a 然后，我们创建指向相同文档中“有用的提示”部分的链接： a href=#tips返回目录/a 或者，创建从另一个页面指向该文档中“有用的提示”部分的链接： a href=/html_links.htm#tips 返回目录 /a 在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。 超文本 什么是超文本？ 标记语言的真正威力在于其收集能力，它可以将收集来的文档组合成一个完整的信息库，并且可以将文档库与世界上的其他文档集合链接起来。 这样的话，读者不仅可以完全控制文档在屏幕上的显示，还可以通过超链接来控制浏览信息的顺序。这就是 HTML 和 XHTML 中的 “HT” - 超文本（hypertext），就是它将整个 Web 网络连接起来。 超文本的基础知识 超文本的基本特征就是可以超链接文档；你可以指向其他位置，该位置可以在当前的文档中、局域网中的其他文档，也可以在因特网上的任何位置的文档中。这些文档组成了一个杂乱的信息网。目标文档通常与其来源有某些关联，并且丰富了来源；来源中的链接元素则将这种关系传递给浏览者。 超链接可以用于各种效果。超链接可以用在目录和主题列表中。浏览者可以在浏览器屏幕上单击鼠标或在键盘上按下按键，从而选择并自动跳转到文档中自己感兴趣的那个主题，或跳转到世界上某处完全不同的集合中的某个文档。 超链接还可以向浏览者指出有关文档中某个主题的更多信息。例如，“如果您想了解更详细的信息，请参阅某某页面。”。作者可以使用超链接来减少重复信息。例如，我们建议创作者在每个文档中都签署上自己的姓名。这样就可以使用一个将名字和另一个包含地址、电话号码等信息的单独文档链接起来的超链接，而不必在每个文档中都包含完整的联系信息。 超链接（hyper text），或者按照标准叫法称为锚（anchor），是使用 a 标签标记的，可以用两种方式表示。锚的一种类型是在文档中创建一个热点，当用户激活或选中（通常是使用鼠标）这个热点时，会导致浏览器进行链接。浏览器会自动加载并显示同一文档或其他文档中的某个部分，或触发某些与因特网服务相关的操作，例如发送电子邮件或下载特殊文件等。锚的另一种类型会在文档中创建一个标记，该标记可以被超链接引用。 还有一些与超链接相关联的鼠标相关事件。这些事件与 JavaScript 结合使用可以产生一些令人激动的效果。 注释 锚的这两种类型都使用同样的标签；也许这就是它们拥有同样的名称的原因。但是我们发现，如果将它们区分开，把提供热点和超链接地址的锚看作“链接”，而用于标记文档的目标部分的锚称为“锚”，那么您将更容易理解这两种类型的锚。 ………………………………………………… …………………………………………………装………………………………订