最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

连接

日期:09-01    来源:HTMLDog|    作者:HTMLDog

现在你已经创建了一个独立的网页,所有的都显得不错。使因特网显得特别的,是因为它把所有东西都连接起来了。

HTML中的H和T代表HyperText,即超文本,表示着一个由连接文本所构成的系统。

锚标签a用来定义一个连接,但是还是需要为锚标签增添其他的东西──连接目标。

为你的代码增加以下东西:

<!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://neoone.51.net">Neo1</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的元素。

注意

a标签允许你为连接打开新窗口,而不是取代当前窗口,初听起来似乎是一个不错的主意,因为它不会让用户离开你的页面。

但是,有很多理由证明,你不应该这样做。

从易用性的观点来看,这种方法破坏导航。最常用的导航工具是浏览器上的“后退”,打开新窗口使这个功能失去了作用。

更广泛地,还是从易用的观点来看,用户不需要到处都是弹出的新窗口。如果用户需要打开新窗口,他们有权利(是的,有权利。不要强行干涉别人意志,不是很好吗?在一般情况下,建议你尽量不要使用新窗口——译者注)让自己来控制。