Chap 07 HTML创建超连接

7.1 超连接的基本知识
   每一个网页都有一个惟一的地址,称为统一资源定位符(URL)。
7.1.1  绝对路径
   绝对路径是包含服务器规范在内的彻底路径。绝对路径无论源文件在什么位置均可以精确地找到,除非是目标文档的位置发生变化,不然连接不会失败。采用绝对路径的好处是,它同连接的源端点无关。只要网站的地址不变,不管文档在端点中如何移动,均可以正常实现跳转而不会发生错误。另外,若是但愿连接站点上的其余内容,就必须使用绝对路径。
   采用绝对路径的缺点在于这种方式的连接并不利于测试。若是在站点中使用绝对地址,要想测试连接是否有效,必须在Internet服务器上进行测试。另外一个缺点是,采用绝对路径不利于站点的移植。
7.1.2  相对路径
   为了不绝对路径的缺陷,对于在同一站点之中的连接来讲,使用相对路径是一个很好的方法。相对路径能够表述源端点同目标端点之间的相互位置,它同源端点的位置密切相关。
   若是在连接中源端点和目标端点位于同一个目录下,则只须要将目录的相对路径关系表示出来就能够了。
   若是在连接中源端点和目标端点不在同一个目录下,则只须要将目录的相对关系表示出来就能够了。
   若是连接指向的文档位于当前目录的子级目录中,则能够利用…符号表示当前位置的父级目录,从而构建出目录的相对位置。
   利用相对路径的好处是,若是站点的结构和文档的位置不变,那么连接就不会出错。能够将整个网站的移植到另外一个地址的网站中,而不须要修改文档中的连接路径。
   
7.2 内部连接
   内部连接是指连接的对象是在同一个网站中的资源。
7.2.1 认识内部连接
与自身网站页面有关的连接被称为内部连接。
语法:
<a href="连接地址">
……
</a>

7.2.2  连接的目标窗口
在建立网页的过程当中,默认状况下超连接在原来的浏览器窗口中打开,可使用target属性来控制打开的目标窗口。
语法:
<a href ="连接目标" target="目标窗口的打开方式"> 
说明: target参数取值有4种
self:在当前页面中打开连接。
blank: 在一个全新的空白窗口中打开连接。
top:在顶层框架中打开连接,也能够理解为在根框架中打开连接。
parent:在当前框架的上一层里打开连接。

7.3 锚点连接
网站中常常会有一些文档页面因为文本或者图像过多,致使页面过长。访问者须要不停地拖动浏览器上的滚动条来查看文档中的内容。为了方便用户查看文档中的内容,在文档中须要进行锚点连接。

7.3.1 创建锚点 
锚点就是指在给定名称的网页中的某一个位置,在建立锚点连接前首先要创建锚点。
语法:
<a name="锚点的名称"></a>
说明:利用锚点名称能够链接到相应的位置。这个名称可使数字和英文,或者二者的混合,最好要区分大小写。同一个网页中能够有无数个锚点,可是不能有相同名称的两个锚点。

7.3.2  连接同一页面中的锚点
创建了锚点以后,就能够建立到锚点的连接,须要用#号以及锚点的名称做为href属性值。
语法:
<a href="#锚点的名称">……</a>
说明:
在该语法中,在href属性后输入页面中建立的锚点的名称,能够链接到页面中不一样的位置。

7.3.3 连接到其余页面中的锚点
锚点连接不但能够连接到同一页面,也能够在不一样页面中设置。
语法:
<a href="连接的文件地址#锚点连接">……</href>
说明:在该语法中,与同一页面内的锚点连接不一样的是,须要在锚点名称前增长文件所在的位置以设置一个单独的连接页面,使其连接到前面定义的锚点页面。

7.4 外部连接(跳转到当前网站以外的资源中)
7.4.1 连接到外部网站
网页中最经常使用的利用HTTP协议进行外部连接是在设置友情连接时。
语法:
<a href="

7.4.2 连接到Email(可使浏览者迅速反馈本身的意见)
语法:
<a href="mailto:邮件地址">……</a> 

7.4.3 连接到FTP 
FTP是指文件传输协议,一个FTP站点一般包含一些容易上传和下载文件的文件目录。大部分的FTP网站须要一个用户名和密码来进入网站。
语法:
<a href="ftp://ftp地址">……</a>

7.4.4  连接到Telnet 
Telnet经常用来登陆一些BBS网站,也是一种远程登陆方式。
语法:
<a href="telnet://地址">……</a>

7.4.5 下载文件
在某些网站中只须要单击一个连接就能够自动下载文件。
语法:
<a href="文件地址">……</a>
说明:在文件所在地址部分设置的路径,能够是相对地址,也能够是绝对地址。若是超连接指向的不是一个网页文件,而是其余文件例如zip、MP三、exe文件等,单击连接的时候就会下载文件。
相关文章
相关标签/搜索