a标签中的锚点使用方法

今天要和大家分享的是a标签中的锚点的使用方法

在html5中,<a>标签有一种用途,是能够在当前文档中用来作为一个标记,提供一个可以直接衔接的标签。

例如,一个大的文档可能有好几个部分,我们可以在文档的顶部放置到每个部分的衔接,以允许用户很容易的访问每个部分。

为了文档中创建一个锚点,我们使用<a>标签的name属性。

例如,下面代码在“第一章”的头部创建了一个“chapter1”锚点:

<h1><a name ="chapter1"> 第一章 </a></h1>

为了衔接到锚点,我们可以使用标准衔接,并在衔接的URL尾部加上锚点名。为标识锚点名,

我们用一个井号(#)将其与URL的其余部分分隔开。例如,加入 chapter1 锚点出现在文档

book.html中,为了衔接到chapter1锚点,我们可以使用如下代码:

<a href = "http://www.当前网址#chapter1">转到第一章</a>

这样便可以实现在文档中直接衔接重要目标。

<a>标记中还有三个比较有用的属性:title属性、accesskey属性、tabindex属性。title属性将导致鼠标放在超衔接上面时,在当前

浏览器中显示title所设置的文本为工具提示。accesskey属性可以给超衔接设置一个快捷键。tabindex属性可以设置页面上超衔接的tab次序。

posted @ 2017-12-17 17:25  BL青葵UE  阅读(3550)  评论(0编辑  收藏  举报