用A标签实现页面内容定位 点击链接跳到具体位置
2014-06-30 22:07
651 查看
经常在维基百科等网站看到目录列表,点击链接会跳到具体的位置,小美眉一直在问是怎么做到的,其实挺简单的,用A标签实现页面内容定位就行了。实例参考微信营销理论手册的目录。
首先用A标签定义目录的链接。
然后在具体位置调用A标签,本例位置在“※ 微信营销之互动 ※”
保存,刷新,测试一下,点击目录链接是不是可以跳到那个位置了?用A标签实现页面内容定位,点击链接就能跳到具体位置,简单吧?
w3school对【HTML 链接 - name 属性】的定义
name 属性规定锚(anchor)的名称。
您可以使用 name 属性创建 HTML 页面中的书签。
书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
首先用A标签定义目录的链接。
<a href="#hudong">互动</a>
然后在具体位置调用A标签,本例位置在“※ 微信营销之互动 ※”
<a name="hudong"></a>
保存,刷新,测试一下,点击目录链接是不是可以跳到那个位置了?用A标签实现页面内容定位,点击链接就能跳到具体位置,简单吧?
w3school对【HTML 链接 - name 属性】的定义
name 属性规定锚(anchor)的名称。
您可以使用 name 属性创建 HTML 页面中的书签。
书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
相关文章推荐
- JavaScript 实现点击链接,多个页面内容同时改变的效果
- 原生js模拟锚点,实现点击后,内容定位到本页的对应位置
- JS实现页面进入、返回定位到具体位置
- 网站上的页面元素 Meta标签-关键字,描述,机器人和辅助功能标签页标题内容-定位整个副本的关键字的内容和支付链接-连接结构,ALT标签,文本链接的话和标题,页面上的各主要部分的关键字密度,HTML有
- AJAX实现不刷新页面点击按钮在目标位置加载目标内容
- H5地理位置定位,实现点击某一个点,跳转进另外一个页面
- JS实现页面进入和返回定位到具体位置
- F:在datagrid中 怎么实现 点击一行(多列)传一个id过去到第二页显示其具体内容,不用按钮、链接等?
- [自用门户]jeecms 三级页面内容模板,重点是实现<hr />标签分割线可以参考,css任意位置及长短
- JS实现页面进入、返回定位到具体位置
- JS 侧栏导航点击定位页面内容位置及滚动条滚动改变导航元素对应状态
- 同一页面中实现点击其中一个iframe中的链接后,将链接内容显示到另一iframe
- 点击新增按钮,弹出对话框,并且对话框加载另外一个页面的内容的具体实现
- 点击链接自动定位到网页某个具体位置和网站右侧导航介绍
- JS实现页面进入、返回定位到具体位置
- 点击某链接,定位到本页面的某个位置
- 使用session实现简单的购物车 (将点击了购买链接的书籍放到购物车页面显示出来)。
- 实现点击页面弹窗,选择弹窗中内容发送回主页面的大概思路。
- android实现点击短链接进入应用 并获得整个连接的内容
- 通过href简单实现点击a链接跳到页面中指定的地方