超链接

来源:互联网 发布:linux svn数据迁移 编辑:程序博客网 时间:2024/05/01 12:33

超链接的基本知识

超链接:是网页页面中最重要的元素之一。一个网站是由多个页面组成的,页面之间依据链接确定相互的导航关系。链接能使浏览者从一个页面跳转到另一个页面,实现文档互联、网站互联。它是HTML的一个最强大、最有价值的功能。

绝对路径:就是主页上的文件或目录在硬盘上的真正路径。使用绝对路径定位链接目标文件比较清晰,但是有两个缺点:一是需要输入更多地内容,二是如果该文件被移动了,就需要重新设置所有的相关链接。

相对路径:是最适合网站的内部链接的。优点是:站点文件夹所在服务器地址发生改变时,文件夹的所有内部链接都不会出现问题。


超链接的建立

超链接标记的基本语法

<a href="文件名">链接元素</a>或<a href="URL">链接元素</a>

建立文本超链接

在网页中,文本超链接是最常用的一种。它通过网页中的文件和其他的文件进行连接。

<a href="链接地址">链接文字</a>

说明:链接地址可以是绝对地址,也可以是相对地址。

设置超链接的目标窗口

<a href="链接地址" target="目标窗口的打开方式">链接元素</a>

target参数的取值及说明target值目标窗口的打开方式_parent在上一级窗口打开_blank新建一个窗口打开_self在同一窗口打开,与默认设置相同_top在浏览器的整个窗口中打开,将会忽略所有的框架结构

内部链接

是指在同一网站内部,不同的HTML页面之间的链接关系。在建立网站内部链接的时候,要考虑到使链接具有清晰的导航结构,使用户方便地找到所需内容的HTML文件。

书签链接

建立书签

书签可以与链接文字在同一页面,也可以在不同的页面。但是实现网页内部的书签链接,都需要先建立书签。通过建立书签才能对页面的内容进行引导和跳转。

<a name="书签名称">文字</a>

说明:书签名称就是对于后面要跳转所创建的书签,而文字则是设置连接后的跳转的位置。

链接到同一页面的书签

<a href="#书签的名称">链接的文字</a>

说明:书签的名称就是上面所定义的书签名,也就是name的值。而#则代表这是书签的链接地址。

链接到不同页面的书签

<a href="链接的文件地址#书签的名称">链接的文字</a>


外部链接

通过HTTP协议

网页中最常使用HTTP协议进行外部链接的是设置友情链接。

<a href="http://..."></a>

通过FTP

通过FTP(文件传输协议)可以足不出户地获得各种免费软件和其他文件。该协议是使计算机与计算机之间能够相互通信的语言,可使文件和文件夹能够在interner上公开传输。。。

<a href="ftp://..."></a>

发送E-mail

<a href="mailto:电子邮件地址">链接文字</a>

mailto标签的参数参数含义语法CC抄送收件人<a href="mailto:电子邮件地址?CC=电子邮件地址">链接文字</a>Subject电子邮件主题<a href="mailto:电子邮件地址?Subject=主题文字">链接文字</a>
BCC暗送收件人<a href="mailto:电子邮件地址?BCC=电子邮件地址">链接文字</a>
Body电子邮件内容<a href="mailto:电子邮件地址?Body=邮件内容">链接文字</a>

说明:这些参数可以没有,也可以同时设置几个。在带有多个参数时,需要使用&符号进行分隔。

下载文件

如果希望制作下载文件的链接,只需在链接地址处输入文件所在的位置即可。当单击链接后,浏览器会自动判断文件类型,然后根据不同情况做出相应处理。

<a href="文件所在地址">链接文字</a>

其他链接

脚本链接

在链接语句中,可以通过脚本来实现HTML语言完成不了的功能。以JS为例说明:

<a href="javascript:..."></a>

说明:在javascript:后面编写的就是具体的脚本。

空连接

是指在指向链接后,鼠标会变成手形,但单击链接后,仍然停留在当前页面。

<a href="#">文字链接</a>



0 0