Web前端开发技术
上QQ阅读APP看书,第一时间看更新

1.3 HTML链接

HTML使用超链接与网络上的另一个文档相连。几乎在所有的网页中都可以找到链接。超链接可以是一个字、一个词或者一组词,也可以是一幅图像,点击这些内容可以跳转到新的文档或者当前文档中的某个部分。当用户把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

通过使用<a>标签在HTML中创建链接。有两种使用<a>标签的方式:

·通过使用href属性创建指向另一个文档的链接。

·通过使用name属性创建文档内的书签。

1.3.1 HTML链接语法

链接的HTML代码通过<a>标签进行定义,href属性规定链接的目标。开始标签和结束标签之间的文字被作为超级链接来显示。“链接文本”未必一定是文本,图片或者其他HTML元素都可以成为链接。

例1-11:

<a href="http://zjg.just.edu.cn/">访问江苏科技大学(张家港)</a>

上面这行代码显示为:访问江苏科技大学(张家港)。点击这个文本超链接会把用户带到江苏科技大学(张家港)的首页。

1.3.2 HTML链接——target属性

使用target属性,可以定义被链接的文档在何处显示。target属性的取值见表1-3。

表1-3 taget属性取值

下面这行代码会在新窗口中打开文档:

<a href="http://zjg.just.edu.cn/"target="_blank">访问江苏科技大学(张家港)</a>

1.3.3 HTML链接——name属性

name属性规定锚点(anchor)的名称,使用它可以创建HTML页面中的书签。命名锚点链接(也叫书签链接)常常用于那些内容庞杂、烦琐的网页。通过点击命名锚点,不仅能够指向文档,还能够指向页面里的特定段落,更能当作“精准链接”的便利工具,让链接对象接近焦点。这样浏览者就无需不停地滚动页面来寻找他们需要的信息了,便于查看网页内容,类似于书籍中的目录页码或者章回提示。在需要指定到页面的特定部分时,标记锚点是最佳的方法。锚点的名称可以是用户喜欢的任何名字,也可以使用id属性来替代name属性,命名锚点同样有效。命名锚点的语法:

<a name="label">锚点(显示在页面上的文本)</a>

例1-12:锚点链接

首先,创建一个书签,即在HTML文档中对锚点进行命名:

<a name="tips">基本的注意事项-有用的提示</a>

然后,在同一个文档中创建指向该锚点的链接:

<a href="#tips">有用的提示</a>

也可以在其他页面中创建指向该锚点的链接:

<a href="http://zjg.just.edu.cn/html/guide.htm#tips">有用的提示</a>

在上面的代码中,将#符号和锚点名称添加到URL的末端,就可以直接链接到tips这个命名锚点了。