| |
链接大观
|
日期：2006年10月22日 作者：
查看:[大字体 中字体
小字体]
|
在主页制作中，我们对什么最不陌生？链接！可以毫不夸张地说，链接是主页的灵魂，有了它，我们才可以在网络世界恣意畅游。而对于网页制作者来说，它看似简单却并不容易。在此，笔者就自己的经验对网页中的链接进行一个综合的介绍，以期让大家对其有一个全面而深入的理解。
对于链接在HTML中的写法，在这里就不用详述了，大家可以在许多初级教程中找到这方面的介绍。我们着重介绍以下几个方面：
一、链接的种类
链接有两种，一种是不同页面间的链接，这种最常见。另外一种则是页内链接，我们一般称为页内锚(achor)链。
页面之间的链接是用URL(United Resource Location:统一资源定位符)来表示，如果是同一个站点之间页面的链接，则可直接根据目录之间的关系来表达这种链接，而不必用“http://...”这样的形式。如在content目录下有一个HTML文件的链接链接到该站点与content目录同级的目录chat下的index.htm文件，链接则直接表示为:../chat/index.htm。如果你学过DOS命令诸如目录操作命令的话，相信对这种表示方法不会陌生，只不过是将“\”变为“/”。
而对于页内锚链，有些朋友可能会疑惑了，什么叫做页内锚链，有什么用呢？对此，我们以一个很实际的例子来看一看其用处：
如果一篇文章很长，并分为几个部分，文章前面一般都列有该文章的各要点，如果我们因要择其中一部分阅读而不停地拉动滚动条是不是费时而费神呢？页面锚链可以让你很方便地点击要点链接，从而直接阅读到该部分内容。
●定义“锚”
要用页内锚链，首先要定义这些所谓的“锚”，即用符号来标识文件中某部分的位置。这要用到HTML标记中一个很常见而又重要的属性:id(Identification：标识符)。用id可以来指代所属标记的HTML内容。其定义形式如下：
<Tag id=″...″>HTML内容</Tag>
如 <p id=″content″>.........</p>
这样，id content就表示了一个段落。
在同一HTML文件中，除了特殊用途外，id最好是唯一的。不然，锚链只会连接到第一个id所标识的内容。
●加锚链
定义好“锚”以后，将链接指向锚位置的链接形式如下:
<a href=″＃id″>....</a>,即以＃再加上id格式。
如:
<a href=″＃chapter1″>第一章</a>
<a href=″＃chapter2″>第二章</a>
<a href=″＃chapter3″>第三章</a>
..............
<Div id=″chapter1″>
...第一章内容..
</Div>
<Div id=″chapter2″>
...第二章内容..
</Div>
<Div id=″chapter3″>
...第三章内容..
</Div>
●引用不同页面内的“锚”
可能有些朋友要问，以上加的锚链都是在同一个页面之间的，如果是一个页面中的锚链接到同站点或另一个网站的另一个页面中的锚怎么办？很简单,形式为:
<a href=″URL＃id″>....</a>
如 <a href=″http://netschool.yesky.com/homepage/index.htm＃block1″>指向地址：http://netschool.yesky.com/homepage/index.htm文件的第一部分</a>
二、链接的相关属性
●用CSS样式类改变链接外观
在与网友们交流过程中，他们问到的有关链接的问题最多大概集中于：一些网站页面当鼠标移动时链接字会变颜色、字体、出现下划线等，看起来很精彩，是怎么做的呢？要用到程序吗？
答案：非也，链接的CSS可以解你之惑!
CSS（层叠样式单）它主要是用来定义主页内容相关标记的显示风格及排列等，可以针对不同的标记定义不同的样式类，并可以形成样式表文件供整个网站的主页文件调用，或者在某个主页中单独定义，这样，可实现在网站风格统一的前提下，而又各有变化，哲学中物质的统一性与多样性的对立统一之说可谓一语中的。在天极网的网页陶吧栏目(http://homepage.yesky.com)中有很多关于CSS的讲述，这里不再赘述，单讲链接的几个重要的CSS属性:
上一篇:IIS 错误代码大汇总
下一篇:新手主页制作点滴心得
|
特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源：http://www.abcdown.net
| |
