现在你已经创建了一个独立的网页,所有的都显得不错。使因特网显得非凡的,是因为它把所有东西都连接起来了。
HTML中的H和T代表HyperText,即超文本,表示着一个由连接文本所构成的系统。
锚标签a用来定义一个连接,但是还是需要为锚标签增添其他的东西──连接目标。
为你的代码增加以下东西:
Example Source Code
[www.21shipin.com]<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>我的第一个网页</h1>
<h2>这是什么</h2>
<p>用HTML组合起来的简单网页</p>
<h2>目的</h2>
<p>学习HTML</p>
<h2>在哪里寻找教程</h2>
<p><a href=\"http://www.google.com\">Google</a></p>
</body>
</html>
连接的目标用href属性来定义。连接可以是绝对的,比如http://www.htmldog.com,也可以是相对的,相对于当前页面来说。
所以,假设你有另外一个HTML文档“flyingmoss.html”,其中一行代码可以写成<a href=\"flyingmoss.html\">The miracle of moss in flight</a> ,诸如此类。
连接不仅可以连接到其他的HTML文档,也可以连接到页面上的其他文件。
连接还可以转到页面的其他部分。你可以给几乎所有的标签增加id属性,比如<h2 id=\"moss\">Moss</h2>,然后连接到它,像是这样做:<a href=\"#moss\">Go to moss</a>,点击这个连接会直接滚动到带有这个id的元素。
注重 Example Source Code
[www.21shipin.com]a标签答应你为连接打开新窗口,而不是取代当前窗口,初听起来似乎是一个不错的主意,因为它不会让用户离开你的页面。
但是,有很多理由证实,你不应该这样做。
从易用性的观点来看,这种方法破坏导航。最常用的导航工具是浏览器上的“后退”,打开新窗口使这个功能失去了作用。
更广泛地,还是从易用的观点来看,用户不需要到处都是弹出的新窗口。假如用户需要打开新窗口,他们有权利(是的,有权利。不要强行干涉别人意志,不是很好吗?在一般情况下,建议你尽量不要使用新窗口——译者注)让自己来控制。