`
zpball
  • 浏览: 919549 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

html 锚点的使用

    博客分类:
  • HTML
阅读更多
html 锚点 到底是干吗的?
通俗简单地说,比如一篇很长的文章,你想按分段精确来看,那就可以用到锚点了。


代码:
<a href="#001">跳到001</a>
...文字省略
<a name="001" id="001" ></a>
...文字省略

其实锚点只需name就可以可,加id是为了让它兼容性更好.
href的值要跟name \ i d 一致,前面必须加"#",以上代码在ie6/7,ff中都可以兼容,但在ie8中就不行。
因为我们锚点的<a></a>值为空,为不影响美观我们加个空格就行了,


如以下代码,就可以兼容ie8
<a href="#001">跳到001</a>
...文字省略
<a name="001" id="001" > & n b s p  </a>
...文字省略


另一问题,想显示某页面(如:123.html)的某锚点内容呢?

代码如下
<a href="123.html#001">跳到001</a>
...文字省略
<a name="001" id="001" > & n b s p </a>
...文字省略


这是昨天在做后台时候,想实现“修改定位”,就把锚点标记搬了出来(平常它都被我遗忘)。
但是程序那边说他们要取值,连接中必须要有“?”或“&”,那这样我的锚点就不兼容了...
呵呵!以后会有解决方法的!
虽然在jsp页面中锚点兼容有问题,但是在静态页面中是没有问题的,还是值得学下的!
分享到:
评论

相关推荐

    html页面锚点跳转

    html页面锚点跳转

    ant design vue 锚点使用 Anchor 踩坑记录.pdf

    总之,在使用Ant Design Vue的`Anchor`组件时,理解其工作原理,注意与页面布局和滚动机制的配合,以及正确设置锚点和内容ID,是避免踩坑的关键。同时,充分利用组件提供的各种属性和方法,可以进一步优化和定制锚点...

    jquery html锚点链接_a标签当前页面锚点_a标签锚点

    现在,让我们转向jQuery,这个强大的JavaScript库提供了许多方法来增强HTML锚点链接的功能。在没有动画效果的情况下,浏览器默认会立即跳转到锚点位置。为了实现平滑滚动效果,我们可以使用jQuery的`animate()`函数...

    关于使用锚点时被顶部遮挡

    在使用锚点的时候点击页面滚动到对应的位置,有时候有可能被顶部导航挡住,此时就可以使用改处理方式今天调整即可

    台湾地图锚点.html

    台湾地图锚点

    JS锚点平滑跳转

    传统的HTML锚点链接可以直接跳转到页面内的某个特定位置,但这种跳转通常是瞬间完成,缺乏用户体验上的平滑性。JS锚点平滑跳转则通过JavaScript代码来改善这一情况,使得页面滚动更加自然流畅。 一、基本原理 ...

    HTML建立锚点和超链接.ppt

    HTML建立锚点和超链接.ppt

    HTML5锚点链接

    HTML5锚点链接

    实现锚点的带动画效果

    1. 锚点定义:锚点是HTML中的`&lt;a&gt;`标签的一种特殊用法,通过`name`或`id`属性创建,如`&lt;a name="section1"&gt;&lt;/a&gt;`或`&lt;div id="section1"&gt;&lt;/div&gt;`。 2. 跳转链接:要链接到锚点,链接的`href`属性应包含#号后跟锚点的...

    JS如何实现在页面上快速定位(锚点跳转问题)

    锚点跳转主要可以通过两种形式实现:一种是使用传统的a标签配合name属性,另一种是使用a标签的href属性指向带有id属性的HTML元素。 a标签的name属性通常用于HTML4.0之前的标准中,而id属性则是在HTML4.0之后的版本...

    浅谈vue 锚点指令v-anchor的使用

    3. 在需要使用锚点功能的Vue组件中,可以直接在模板里使用`v-anchor`指令,并传入一个value值,这个值通常是对应锚点的目标元素的ID或者其他标识符。使用方式如下: ```html 传入的value"&gt;内容 ``` 接下来,让我们...

    锚点定位.rar

    然而,仅仅使用HTML锚点可能无法实现平滑的滚动效果,这时候就需要JavaScript来增强用户体验。JavaScript可以通过监听`click`事件,然后使用`window.scrollTo()`方法来控制页面的滚动。例如: ```javascript ...

    创建内部链接以优化用户体验:HTML锚点的实用指南

    通过合理使用锚点,你可以提高网站的用户体验和可访问性。记住,创建锚点时要注意id的唯一性,同时考虑与CSS和JavaScript的结合使用,以实现更丰富的交互效果。 通过本文的介绍,你应该对如何在HTML中创建内部链接...

    <jQuery>导航的滚动锚点

    滚动锚点是一种HTML技术,通过在HTML元素上设置`id`属性,然后在链接中使用`#`后跟该`id`,可以实现点击链接后页面平滑滚动到对应ID元素的位置。例如,如果你有一个`id`为"section1"的段落,你可以创建一个链接`跳转...

    JS 锚点

    5. **兼容性处理**:对于不支持JavaScript的环境或者浏览器,我们需要提供一个备选方案,比如设置HTML锚点作为回退选项。 6. **性能优化**:为了避免频繁的DOM查询,可以提前获取目标元素并存储在变量中,或者利用...

    Java--HTML锚点连接

    锚点例子 &lt;a name="A0" id="A0"&gt;&lt;/a&gt; 网页第一部分&lt;/a&gt; 网页第二部分&lt;/a&gt; ; background:#CCCCCC"&gt;&lt;/div&gt; &lt;a name="A1" id="A1"&gt;&lt;/a&gt;1返回顶部&lt;/a&gt; ; background:#999999"&gt;&lt;/div&gt; &lt;a name="A2" id="A2"&gt;&lt;/a&gt;2...

    锚点导航栏效果

    综合以上,"锚点导航栏效果"涉及的主要知识点包括HTML锚点、JavaScript事件监听、DOM操作、CSS定位和响应式设计。通过这些技术的结合,我们可以创建出一个既实用又美观的页面导航工具,极大地提升了用户在长页面中的...

    js锚点定位

    锚点定位通常与HTML的`&lt;a&gt;`标签配合使用,结合`name`或`id`属性来标识页面上的特定部分。本文将深入探讨JavaScript锚点定位的原理、实现方式以及相关的应用技巧。 ### 锚点定位基础 在HTML中,我们可以为任何元素...

    jQuery页面滚动显示浮动菜单栏锚点定位效果

    锚点定位是HTML中的一个特性,通过使用`&lt;a&gt;`标签的`href`属性指向页面内的一个ID(例如:`#section1`),创建了一个链接,点击后页面会滚动到对应ID的位置。在jQuery中,我们可以监听滚动事件,当页面滚动到特定位置...

    onclick锚点定位

    首先,HTML锚点是通过`&lt;a&gt;`标签的`href`属性与`#`符号结合使用的。`#`后面跟随的是一个ID,这个ID对应着页面上某个元素的`id`属性。例如: ```html 跳转到第一部分 &lt;!-- 内容 --&gt; ``` 当用户点击“跳转到第一...

Global site tag (gtag.js) - Google Analytics