PIZn

      在设计violet 1.0版本的时候，便想为其添加一个小小的功能——底部TOP功能，如今还未实现。最近在研究一些网站设计和开发，于是又发现了这个小小功能的强大作用。深究一番，引发对链接的思考与总结。

      有人说，网站的导航是可视化的信息构架，足见导航在网站中的重要性。那么，导航又是如何带领我们通过点击到达目的地的呢？简而言之，是链接的功劳。揭开链接背后的神秘面纱，<a>标签既熟悉又陌生。

      网页里边的链接，主要分为内部超链接、外部超链接、下载链接、自动电子邮件链接和注释链接。

      内部超链接和外部超链接

      标准的内部超链接，链接到网站内部的其他页面。外部超链接将访问者带到其他网站。二者的区别在于链接前面是否有“http://”，如果没有，浏览器会认为我们正在寻找网站内部某个地方的页面。

      无论是内部链接还是外部链接，都有文本链接和图像链接两种方式。

      文本链接

1. <!--这是一个外部链接-->
2. <a href="http://www.pizn.net" target="_blank">PIZn</a>

      图像链接

1. <!--这是一个内部图像链接-->
2. <a href="images/image.html" target="bigPic"><img src="images/image.jpg" height="100" width="40" alt="bigPic"></a>

      内锚
      比起内部链接，内锚是一种跳转到页面深层位置的“站内”链接。如果这个链接在当前页面，页面重新定位到此位置；如果页面在其他位置，则需重新载入并定位。前文所说的TOP功能，主要是应用到内锚的功能。
      1，指向期望位置的可点击链接。

1. <a href="#destination">More information</a>

      2，指向期望位置的“书签”锚。

1. <a href="www.pizn.net/hyperlink.html#top">Top</a>

      内锚的好处有：
       1.访问者可以绕过不感兴趣的内容。
       2.如果篇幅过长，可以迅速放回顶部。

      下载链接
      下载链接允许访问者下载那些非典型web文档的文件。例如MP3、DOC、PDF、PPT等。

      自动电子邮件链接
      自动电子邮件链接格式化了空白的电子邮件，地址是通过<a>标签的href属性进行指定。
      例如:

1. <a href="mailto:pizner@gmail.com"> PIZn</a>

      注释超链接
      注释链接通常被视作脚注，尾注或补充信息栏的web应用。

      链接的状态分别有：
      1.可用/静止状态，对应的css为 a:link
      2.可用/翻转状态，对应的css为 a:hover
      3.活动状态，对应的css为：a:active
      4.已访问状态，对应的css为：a visited
      注，在为一个<a>标签书写css的时候，其状态顺序应为link,visited,hover,active。