a标签中的锚点使用方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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次序。

以上是关于a标签中的锚点使用方法的主要内容,如果未能解决你的问题,请参考以下文章

Javascript/jQuery - 使用正则表达式解析字符串中的主题标签,URL 中的锚点除外

是否有标准或首选标签类型可用于向某个位置添加额外的锚点/片段链接?

Delphi XE2:跳到 CHM 中的锚点?

HTML中的锚点以及锚点的设置与应用

带有 id 链接的锚点的技术术语是啥?

使用 ARKit 显示 DAE 文件并跟踪场景中的锚点