前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >用A标签实现页面内容定位 点击链接跳到具体位置

用A标签实现页面内容定位 点击链接跳到具体位置

作者头像
ytkah
发布2018-03-05 15:17:14
1.2K0
发布2018-03-05 15:17:14
举报
文章被收录于专栏:ytkahytkah

  经常在维基百科等网站看到目录列表,点击链接会跳到具体的位置,小美眉一直在问是怎么做到的,其实挺简单的,用A标签实现页面内容定位就行了。实例参考微信营销理论手册的目录。

  首先用A标签定义目录的链接。

代码语言:javascript
复制
<a href="#hudong">互动</a>

   然后在具体位置调用A标签,本例位置在“※ 微信营销之互动 ※”

代码语言:javascript
复制
<a name="hudong"></a>

   保存,刷新,测试一下,点击目录链接是不是可以跳到那个位置了?用A标签实现页面内容定位,点击链接就能跳到具体位置,简单吧?

  w3school对【HTML 链接 - name 属性】的定义

name 属性规定锚(anchor)的名称。 您可以使用 name 属性创建 HTML 页面中的书签。 书签不会以任何特殊方式显示,它对读者是不可见的。 当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

A标签定位shoulu
A标签定位shoulu
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2014-06-30 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档