什么是HTML锚点,锚点应该如何用

什么是HTML锚点,锚点应该如何用,第1张

当a使用name属性时,<a>就是一个锚点,锚点的作用是:如果你的网页很长的话,你可以使用锚点跳到页面的某一部分,例如:

<a href="#here">点击这里转到我的博客</a>

...

...

...

<a name="here">我的博客</a>

当点击上面链接时就可直接将网页滚动到加入相应锚点的"here"地方。

注意:在一些浏览器,如IE、Firefox中,可以使用ID代替name,但这并不所有的浏览器都支持的。

文档内部的链接,又叫锚点,最常见使用在百度百科里面,点击目录到达相应的位置,就是用这个实现的:

在HTML页面中适当位置定义如下的锚点:

<a id="top">这里是TOP部分</a>

<a id="content">这里是CONTENT部分</a>

<a id="foot">这里是FOOT部分</a>

(您可以使用 id 属性来替代 name 属性,命名锚同样有效。[1] )

对于如上锚点的访问有两种方法

一种是利用超链接标签<a></a>制作锚点链接,主要用于页面内的锚点访问

<a href="#top">点击我链接到TOP</a>

<a href="#content">点击我链接到CONTENT</a>

<a href="#foot">点击我链接到FOOT</a>

另一种方式是直接在页面地址后面加锚点标记,主要用于不同页面之间的锚点访问

假如本页面的地址是http://文件路径/index.html,要访问foot锚点只要访问如下链接即可

http://文件路径/index.html#foot


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7634446.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存