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

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

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

<a href="#hudong">互动</a>

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

<a name="hudong"></a>

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

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

name 属性规定锚(anchor)的名称。

您可以使用 name 属性创建 HTML 页面中的书签。

书签不会以任何特殊方式显示,它对读者是不可见的。

当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

时间: 2024-09-23 19:37:27

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

在aspx页面中显示点击链接播放视频

问题描述 菜鸟第一次提问,就想要个简单的代码.大侠们尽可能详细的讲下步骤.不胜感激就是aspx页面中显示链接,然后一点就可以到另一个界面去看这个视频或歌曲. 解决方案 解决方案二:<ahref="链接地址">视频地址</a> 解决方案三:up

asp.net操作xml在页面上显示标签里的内容怎么实现?

问题描述 <?xmlversion="1.0"encoding="GB2312"?>-<messageList>-<用户信息id="1"><content>哎呦不错哦</content><QQ>123456</QQ><time>2015/1/713:06:21</time></用户信息>-<用户信息id="2&q

秋色园QBlog技术原理解析:页面内容填充及多语言翻译流程演示示例(十)

文章回顾: 1: 秋色园QBlog技术原理解析:开篇:整体认识(一) --介绍整体文件夹和文件的作用 2: 秋色园QBlog技术原理解析:认识整站处理流程(二) --介绍秋色园业务处理流程 3: 秋色园QBlog技术原理解析:UrlRewrite之无后缀URL原理(三) --介绍如何实现无后缀URL 4: 秋色园QBlog技术原理解析:UrlRewrite之URL重定向体系(四) --介绍URL如何定位到处理程序 5: 秋色园QBlog技术原理解析:Module之页面基类设计(五) --介绍创建

实现Web页面内容动态改变的dhtml操作

dhtml|web|动态|页面 IE的DHTML对象提供了四个可读写的属性来动态操作页面元素的内容:innerText, outerText, innerHTML, outerHTML. 需注意两点: 1.     其中innerText,outerText属性的值是作为普通文本呈现的,即使它含有HTML标签也如实反应出来:而innerHTML, outerHTML呈现的是经HTML引擎解析后文本,它可以反应属性中HTML标签的表现效果. 2.     对对象的outerText,outerHT

asp.net下将页面内容导入到word模板中的方法

1,新建word模版,方法是找需要用程序填充的word文档,在需要输入的地方用"书签"(插入-->书签-->输入id-->ok)标记后保存既可. 2,在word模版上修改安全添加everyone 可读,以防文件无法打开. 3,在工程里添加"引用"找到"Microsoft Word 10.0 Object Library"或"Microsoft Word 11.0 Object Library"点确定. 4,新

如何使用JSTL标签做页面资源国际化

js|页面 1 Web应用开发,如何使用JSTL 标签做页面资源国际化需解决问题描述:1 项目中的文本要实现国际化 2 希望达到按模块分开编写国际化资源文件解决方案: JSTL 标签支持国际化的标签为 <fmt:bundle> <fmt:message> <fmt:setBundle><fmt:param> <fmt:bundle> 功能:指定消息资源使用的文件 <fmt:message>功能:显示消息资源文件中指定key的消息,支持

html排版问题?-PC端页面如何做到页面内容自适应不同分辨率满屏显示,而不出现滚动条和内容不被隐藏?

问题描述 PC端页面如何做到页面内容自适应不同分辨率满屏显示,而不出现滚动条和内容不被隐藏? 比如: 在1280*720分辨率下页面内容能够满屏显示 ,换个1280*800.1280*768.1440*768.1440*900等不同分辨率在又改如何做到内容满屏显示,不要有内容溢出隐藏和上下左右空白出现滚动条的问题,必须要内容占满屏显示.如何做到求大神指教? 解决方案 使用media screen正对不同分辨率写一套css控制不同分辨率下的显示 通过@media screen控制网站在移动端显示

python-Python爬虫爬到的页面内容与看到的不一致

问题描述 Python爬虫爬到的页面内容与看到的不一致 利用python+BeautifulSoup写了一个爬虫,用来抓http://www.cbooo.cn/paipian 上的数据,可是爬虫返回的页面代码与浏览器中看到的不一致,并没有表格标签. 解决方案 js动态生成的内容无法获取到..爬虫得到的内容和你右键浏览器查看源代码得到的一模一样 解决方案二: 先用fiddler等抓包,然后再照着写.对于ajax请求,需要单独获取其中的数据. 解决方案三: 有些页面是ajax异步返回的,所以直接请求

java-jquery控制frame内点击然后改变另一个frame某个标签的文本内容

问题描述 jquery控制frame内点击然后改变另一个frame某个标签的文本内容 frame页面: <frameset> <frameset rows="25%,75%" border="1" frameborder="1" bordercolor="#1E90FF" > <frame src="#" id="top" name="top&qu