精华内容
下载资源
问答
  • html中锚点

    2012-07-31 09:12:49
    1:锚点是什么?  锚点也可以理解成为一种超级链接,只不过它是网页内部的超级链接(注意不是网站内部)。  比如我们有一个网页很长很长,而且里面的内容,可以分为N个部分。这样的话,我们就可以在网页的顶部...
    1:锚点是什么? 
    锚点也可以理解成为一种超级链接,只不过它是网页内部的超级链接(注意不是网站内部)。 
    比如我们有一个网页很长很长,而且里面的内容,可以分为N个部分。这样的话,我们就可以在网页的顶部设置一些锚点,这样便可以方便浏览者点击相应的锚点,到达本页内相应的位置,而不必在一个很长的网页里自行寻找。 
    2:锚点的使用。 
    锚点从代码上看,仍然是超级链接的一种应用。 
    <a name="A1" id="A1"></a>这样的一个无内容的<a>标签,便是一个锚点了,我们可以把它放在网页中<body& amp; gt;与</body>之间的任意位置。当然,究竟放在哪个位置,就要看我们的实际需要了。
    下面举一个例子: 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>锚点示例</title> 
    </head> 

    <body> 
    <a name="A0" id="A0"></a> 
    <a href="http://liug-li.blog.163.com/blog/#A1">网页第一部分</a> <%--怎么会出现http://liug-li.blog.163.com/blog/,烂163--%>
    <a href="http://liug-li.blog.163.com/blog/#A2">网页第二部分</a> 
    <div style="height:900px; background:#CCCCCC"></div> 
    <a name="A1" id="A1"></a>1<a href="http://liug-li.blog.163.com/blog/#A0">返回顶部</a> 
    <div style="height:900px; background:#999999"></div> 
    <a name="A2" id="A2"></a>2<a href="http://liug-li.blog.163.com/blog/#A0">返回顶部</a> 
    <div style="height:900px; background:#666666"></div> 
    </body> 
    </html> 

    另外再说一下,<a name="A0" id="A0"></a>中的name与id,可以只使用一个,但某些情况下,只是用name会造成锚点无效的错误。建议还是name与id同时使用。 

    在网站中,你经常会看到“联系我们”的链接,一点击这个链接,就会触发你的邮件客户端,比如Outlook Express,然后显示一个新建mail的窗口。用<a>可以实现这样的功能。

    <a href = "mailto:info@163.com">联系我们</a>

    展开全文
  • 什么是HTML锚点,锚点应该如何用?这篇文章主要为大家详细介绍了HTML中锚点的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • html中锚点的使用

    2019-11-15 14:46:22
    html中锚点用来在页面中做个标记(mark),可以跳转到对应的标记处。当一个页面很长的时候可以根据html的主题在html中做标记(锚点)。 如何使用锚点呢? 1、做标记 2、触发标记 做标记 通过给你个html 标签加...

    html中锚点用来在页面中做个标记(mark),可以跳转到对应的标记处。当一个页面很长的时候可以根据html的主题在html中做标记(锚点)。

    如何使用锚点呢?

    1、做标记 2、触发标记

    做标记

    通过给你个html 标签加name 和 id。

    <a name="001" id="001" ></a>

    触发标记

    通过 a 标签进行触发 href的值要跟name \ i d 一致,前面必须加 “#”

    <a href="#001">跳到001</a>

     

    引申

    当然对于一篇博客类文章,根据段落加上锚点,然后根据锚点抽出目录目录索引来,已经能够应付大多数的场景。但是在真正的项目中。不说加#在url中影响美观,生硬的页面跳转更是影响体验。为了实现锚点的功能。前端通常模拟锚点来控制页面的定位。

    同样是两个部分。

    1、做标记: 同样可以在标签上加上id name 也好 自定义的标签属性也好,怎么开心怎么来。当然要考虑到触发标记是怎么找到我们做标记的标签。

    2、抽出目标索引: 根据我们的需要制作一个索引

    3、索引与标记进行关联

            点击索引跳转对应的页面

                 我们可以通过首先找到我们需要跳转的标签。使用 element.scrollIntoView()  进行跳转。当然根据我们的喜好可以加一下过渡。

           滚动页面匹配到对应的索引进行高亮

                给页面天加个滚动监听的事件,滚动触发事件计算页面的位置

     

    相关链接

    https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scroll

    https://www.runoob.com/jsref/event-onscroll.html

    展开全文
  • html中锚点的应用

    2020-09-28 08:05:51
    很少用到锚点的知识,但今天又看到了,就要记录下来,它同样也有着如asp传值一样的功效,虽然不是那么强打
  • Html中锚点的使用

    2020-10-22 16:15:45
    锚点的使用存在多种情况 情况一 在设置连接点 < a name=“h”> 连接到这个点的方式 < a href="#h"> 用a在使用的时候时常会误导我们,所以第二种方案个人看着比较舒服,当然仅限于看着舒服啦 情况二 ...

    锚点的使用存在多种情况

    1. 情况一
      在设置连接点
      < a name=“h”>
      连接到这个点的方式
      < a href="#h">

      用a在使用的时候时常会误导我们,所以第二种方案个人看着比较舒服,当然仅限于看着舒服啦

    2. 情况二
      设置连接点
      < div id=“h”>
      连接到这个点
      < a name="#h" >

      这种方式的优点是可以对各种标签进行设置,缺点是只能用ID属性,貌似是没有name这个属性吧,

    3. 情况三
      据说是可以使用JavaScript进行设置,本人小白,暂时没有掌握,有了解的大佬也可以指导一下下

    展开全文
  • Html中锚点的使用【转】 Html中锚点的使用今天突然想用锚点了,虽然这东西在平常的网页设计中很少用到,但是今天做了个很长很长的表格,找起来很麻烦,就想到弄这个了,发现现在自己什么都不会了啊.要重头学起了...先...

    Html中锚点的使用【转】

    Html中锚点的使用
    今天突然想用锚点了,虽然这东西在平常的网页设计中很少用到,但是今天做了个很长很长的表格,找起来很麻烦,就想到弄这个了,发现现在自己什么都不会了啊.要重头学起了...
    先总结一下锚点怎么使用.比如我有两个标题,分别是 贝落格  和 锚点使用教程.那么我们需要给这两个标题做两个标记
    也就是下文的<a name="a1">贝落格</a>还有 <a name="a1">锚点使用教程</a>
    在目录上我们只要标记<a href="#a1">贝贝</a1>就能够很快的索引到 贝落格这个标题了~
    当然....
    这种方法不太好:一是产生一个无意义的 a 标签;二是 a 标签缺少 href 属性,不符合 XHTML 标准;三是多了 name 属性,不符合 XHTML 标准。
    使用 id 时,我们不再局限于 a 标签,可以用于其他标签,比如可以是:
    <h2 id="a1">贝落格</h2>
    这种用 id 做锚点在 IE、Firefox、Chrome、Opera 中都是受支持的。
    使用方法就是这么简单.呵呵.下面看看网上搜集来的教程~
    1:锚点是什么? 
    锚点也可以理解成为一种超级链接,只不过它是网页内部的超级链接(注意不是网站内部)。 
    比如我们有一个网页很长很长,而且里面的内容,可以分为N个部分。这样的话,我们就可以在网页的顶部设置一些锚点,这样便可以方便浏览者点击相应的锚点,到达本页内相应的位置,而不必在一个很长的网页里自行寻找。 
    2:锚点的使用。 
    锚点从代码上看,仍然是超级链接的一种应用。 
    <a name="A1" id="A1"></a>这样的一个无内容的<a>标签,便是一个锚点了,我们可以把它放在网页中<body& gt;与</body>之间的任意位置。当然,究竟放在哪个位置,就要看我们的实际需要了。 
    下面举一个例子: 

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
     2 <html xmlns="http://www.w3.org/1999/xhtml"> 
     3 <head> 
     4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
     5 <title>锚点示例</title> 
     6 </head> 
     7 
     8 <body> 
     9 <a name="A0" id="A0"></a> 
    10 <a href="#A1">网页第一部分</a> 
    11 <a href="#A2">网页第二部分</a> 
    12 <div style="height:900px; background:#CCCCCC"></div> 
    13 <a name="A1" id="A1"></a>1<a href="#A0">返回顶部</a> 
    14 <div style="height:900px; background:#999999"></div> 
    15 <a name="A2" id="A2"></a>2<a href="#A0">返回顶部</a> 
    16 <div style="height:900px; background:#666666"></div> 
    17 </body> 
    18 </html> 

     



    另外再说一下,<a name="A0" id="A0"></a>中的name与id,可以只使用一个,但某些情况下,只是用name会造成锚点无效的错误。建议还是name与id同时使用。 
     
     
    推荐使用id~呵呵~但是根据教程上说的~id 和name 一起用也貌似不错~不过遵循xhtml规则的话.还是老老实实的定义id吧~
    本文来源于贝落格  http://www.baybey.net/ , 原文地址:http://www.baybey.net/post/840.html

    来源:http://www.cnblogs.com/alex-bn-lee/archive/2012/03/03/2378835.html

    转载于:https://www.cnblogs.com/seazeg/archive/2012/05/01/2478249.html

    展开全文
  • html中锚点的基本使用

    2019-09-26 04:53:24
    锚点 锚点的基本使用场景 当一个网页很长的时候,那么我们在翻阅这个网页的时候可能会有些不方便,比如我们已经翻阅到了底部之后想返回到顶部,那么只能拖动滚动条到顶部(或者刷新页面,但这个不是专业的做法),...
  • HTML中锚点的使用

    千次阅读 2016-02-18 22:53:24
    说到锚点,我们也许会需要稍微的思考一下...还有就是怎么在实际的开发使用锚点呢? 下面先看一个简单的代码展示吧,为了演示出实际浏览网页时对一个超长网页的模拟,我故意添加了一些段落。:<!DOCTYPE html> <html>
  • HTML中锚点的使用方法

    千次阅读 2017-11-12 08:16:10
    HTML中设置锚点常用的有三种方式。 方式一:使用name 代码如下: 这里是顶部 中间内容省略... Top 使用name属性设置锚点很方便但只能针对a标签来使用,具有一定的局限性。而对div等其他没有name...
  • 1.锚点的作用就是快速找到页面的指定的位置,需要在找到的页面定义一个id属性,属性值任意 <a id="">要找到的位置</a> 2.然后在跳转的标签使用"#"跟id属性值来快速找到指定位置 <a href="#">&...
  • 概念元素 (或HTML锚元素, Anchor Element)通常用来表示一个锚点/链接。但严格来说,元素不是一个链接,而是超文本锚点,可以链接到一个新文件、用id属性指向任何元素。如果没有元素没有href属性的话,可以作为原本...
  • html中锚点定位

    2014-12-27 15:14:24
    测试含有两个html文件:html1.htmlhtml2.html html1.html   &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&...
  • 关于html中锚点功能的使用

    千次阅读 2018-05-11 14:27:05
    在较长的网页,通过鼠标滚轮的滑动来达到指定目的地的方式有时候效率低下,这个时候为了更加高效的页面滑动,经常会使用锚点功能,锚点功能的原理其实很简单:通过在指定位置标记位置信息,再通过指令到达指定地点...
  • Html中锚点的使用今天突然想用锚点了,虽然这东西在平常的网页设计中很少用到,但是今天做了个很长很长的表格,找起来很麻烦,就想到弄这个了,发现现在自己什么都不会了啊.要重头学起了...先总结一下锚点怎么使用.比如...
  • 关于html中锚点缓慢跳转的问题

    千次阅读 2019-09-23 20:31:14
    锚点跳转太过生硬影响用户体验。 研究了半天,终于找到一个正确的博客。 如下: https://blog.csdn.net/webfront/article/details/78114336
  • 该文本有一些锚点,我有div的链接(不在div内),每次点击进入锚点时,页面会到达底部,就像锚点位于页面底部一样。防止锚点将页面推到底部(HTML)有什么办法可以防止这种情况发生?LinkText Inside, Big text with ...
  • 通常锚点是类似这样的 [code="html"] ... 返回顶部 或者 返回顶部 空锚点就是顶部*[/code] 其实这样更方便些 [code="html"] ... 返回顶部[/code] 效果是一样的 ...
  • 嘿嘿,这里就教大家一个方法,网页html中锚点(描点)定位或书签跳转的实现方法。》》》》》》》》》》》》》》》》》》》》华丽的分割线《《《《《《《《《《《《《《《《《《《《第一、同一页面跳转例如:跳转一 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,356
精华内容 542
关键字:

html中锚点