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

时间: 2024-12-23 06:10:16

a标签中的锚点使用方法的相关文章

在artTemplate的标签中使用外部函数的方法

第一步,声明函数,并将函数作为data对象的属性.例如: var resArray = new Array(); function beforeRender(data) { //addToArray为想在template的标签中执行的函数 var addToArray = function(id, rec){ resArray[id] = rec; }; data.addToArray = addToArray; } function submit(){ $.ajax({ type : "POS

(转)DedeCms Runphp 标签中调用其他变量的方法

DedeCms Runphp 标签中调用其他变量的方法 我们都知道,在DedeCMS中是可以使用PHP的,常见的方法就是if else了,例如模板制作中,我们需要对来源和作者进行判断,如果为空,则提示:暂无或不详,样例: {dede:field name='source' runphp='yes'}if(@me == "") @me = "";else @me = "来源:"[email protected];{/dede:field} 但是如果

html中设置锚点定位的几种常见方法(#号定位)

在html中设置锚点定位我知道的有几种方法,在此和大家分享一下: 1.使用id定位: <a href="#1F">锚点1</a> <div id="1F"> <p> 11111111111 </br> 11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111

a 标签中调用js的几种方法

我们常用的在a标签中有点击事件:1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href里面执行javascript语句 2. a href="javascript:void(0);"

【JS】&lt;a&gt;标签调用js中函数的几种方法

我们常用的在a标签中有点击事件: a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href里面执行javascript语句 a href="javascript:void(0);" oncl

实现a标签中的各种点击(onclick)事件的方法

我们常用的在a标签中有点击事件:1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href里面执行javascript语句 2. a href="javascript:void(0);"

CSS实现pre标签中内容换行方法

CSS实现pre标签中内容换行方法技术 maybe yes 发表于2015-01-25 18:35 原文链接 : http://blog.lmlphp.com/archives/70  来自 : LMLPHP后院 HTML 中的 PRE 标签默认是不会换行的,即使声明了 word-wrap 和 word-break 属性也没有效果:DIV 标签可以很方便的换行,不会把页面撑破.因为这个原因,很多网站在显示代码的时候使用 DIV 来作为容器.使用 DIV 标签装载代码有个弊端,就是冗余内容太多,换

[转]a 标签中调用js的几种方法

我们常用的在a标签中有点击事件:1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href里面执行javascript语句 2. a href="javascript:void(0);"

head标签中的title,link,meta等的元素错位显示到body里面去了的完美解决方法

问题展现就像上图所示,head中什么都没有,head中的标签全部错位到body中显示,在页面的直观表现就是无故多处一行空白,很多人觉得这是编码者没有写好闭合标签的问题,嗯,是有可能,但不说现在的浏览器大都能自动补全未闭合标签,未写闭合标签也不至于让head中的内容完全移步到body中去吧.... 解决方法: 这个问题其实是由编码格式引起的,没错,就是BOM的问题,选一个比较高级的编辑器,个人推荐Notepad++,打开后选择 格式 选择以无BOM格式编码保存文档,然后就可以了. 嗯,就是这样子,