码迷,mamicode.com
首页 > 其他好文 > 详细

a标签中的锚点使用方法

时间:2017-12-17 19:21:15      阅读:346      评论:0      收藏:0      [点我收藏+]

标签:目标   访问   一个   标识   href   创建   book   div   标记   

今天要和大家分享的是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标签中的锚点使用方法

标签:目标   访问   一个   标识   href   创建   book   div   标记   

原文地址:http://www.cnblogs.com/SeiAoi/p/8052664.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!