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次序。

转载于:https://www.cnblogs.com/SeiAoi/p/8052664.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值