日期:2013-10-25  浏览次数:21175 次

七 链接 Links

到目前为止,你曾经可以制造单一的网页,但是怎样使它们联系起来?

"Html"中的"H"和"T"表示的"hypetext",意思是超文本链接。

锚标签(a)定义一个链接,当然你要加在标签里面加入链接地址。

粘贴下面代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>My first web page</title></head><body><h1>My first web page</h1><h2>What this is</h2><p>A simple page put together using HTML</p><h2>Why this is</h2><p>To learn HTML</p><h2>Where to find the tutorial</h2><p><a href="http://www.htmldog.com">HTML Dog</a></p></body></html>

链接地址用href属性,链接地址可以是绝对的,比如“”,或是绝对目录。

所以如果你如今有个“flyingmoss.htm”网页,代码可以写成<a href="flyingmoss.html">The miracle of moss in flight</a>

一个链接可以连接任何网页,也可以连接网络上任何文件。

链接还可以连接网页里的一部分。你可以加id属性在任何标签,例如<h2 id="moss">Moss</h2>,然后链接的地方像这样 <a href="#moss">Go to moss</a>。点击这个链接网页就会滚动到标明id的元素。

a标签允许新窗口方式打开网页,这样听起来不错,用户可以不用离开本来网页就可以打开新网页。

然而有许多要素让你不这样做。

从可用性出发,这种方法打断了导航。由于使用最为频繁的导航工具就是浏览器的后退按钮。新打开一个窗口禁止了这项功用。

一份全面可用性指出,用户不喜欢突然新打开一个窗口,如果用户想打开一个新窗口,他们本人会打开。