<bdo id='m886g11k'></bdo><ul id='a9lvo2v2'></ul>

      <i id='kfyiycdp'><tr id='g6x0a9nd'><dt id='q3cfl0wz'><q id='6ko2sftw'><span id='oe9cnv3y'><b id='1re09ryu'><form id='wv7ouvmn'><ins id='x0sgf1t7'></ins><ul id='7yyjz7on'></ul><sub id='eantgs6o'></sub></form><legend id='3n5nio81'></legend><bdo id='xy53dhh5'><pre id='a9f9mxji'><center id='oy6aboej'></center></pre></bdo></b><th id='8o6x2370'></th></span></q></dt></tr></i><div id='mblcyw61'><tfoot id='nn88xyp6'></tfoot><dl id='fds6fxe4'><fieldset id='zd2khbf0'></fieldset></dl></div>

        <small id='7ko1u1x1'></small><noframes id='zvb1sujf'>

      1. <tfoot id='kcouivjs'></tfoot>
      2. <legend id='eayqdswv'><style id='supwv0fj'><dir id='74r65kjf'><q id='qki89phm'></q></dir></style></legend>

        精准传达 • 价值共享

        洞悉互联网前沿资讯,探寻网站营销规律

        庚午网络—html中的锚点应用

        作者: 庚午网络 | 2020-10-20 16:53 |点击:

        SEO 网络营销 整合营销

        • <bdo id='8i7deotk'></bdo><ul id='rrk776sl'></ul>

          <small id='t3lxqbrz'></small><noframes id='krh0tyw0'>

          <legend id='20qb8xkh'><style id='qeunyt8m'><dir id='1jpvwss0'><q id='0jrv7cs1'></q></dir></style></legend>

            • <tfoot id='j484bjcm'></tfoot>

                  <tbody id='th4f2kc6'></tbody>
                <i id='xz2drf3r'><tr id='osg2c15c'><dt id='hboya6qm'><q id='a8x1loox'><span id='ef19fna5'><b id='xuuew3qs'><form id='v6q48x9y'><ins id='7rrwn8j4'></ins><ul id='3qod2dxc'></ul><sub id='drod0cvy'></sub></form><legend id='dyafrxzw'></legend><bdo id='6d8huw18'><pre id='ndwug6eb'><center id='ukk0diuo'></center></pre></bdo></b><th id='ozm54ya3'></th></span></q></dt></tr></i><div id='3a4uwsla'><tfoot id='ayx8coyv'></tfoot><dl id='s985si7j'><fieldset id='5o3o67zh'></fieldset></dl></div>

                  锚点的基本使用场景

                  当一个网页很长的时候,那么我们在翻阅这个网页的时候可能会有些不方便,比如我们已经翻阅到了底部之后想返回到顶部,那么只能拖动滚动条到顶部(或者刷新页面,但这个不是专业的做法),效果比较好的方法就是设置锚点来处理这个问题。

                  那么锚点如何设置呢?见如下代码:
                   

                  一、页面内跳转的锚点设置

                  页面内的跳转需要两步:

                  方法一:

                  ①:设置一个锚点链接<a href="#miao">去找喵星人</a>;(注意:href属性的属性值最前面要加#)

                  ②:在页面中需要的位置设置锚点<a name="miao"></a>;(注意:a标签中要写一个name属性,属性值要与①中的href的属性值一样,不加#)标签中按需填写必要的文字,一般不写内容

                  方法二:

                  ①:同方法一的①

                  ②:设置锚点的位置 <h3 id="miao">喵星人基地</h3>;在要跳转到的位置的标签中添加一个id属性,属性值与①中href的属性值一样,不加#

                  方法二不用单独添加一个a标签来专门设置锚点 ,只在需要的位置的标签中添加一个id即可。

                  小案例:

                  <!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" xml:lang="en">

                  <head>

                  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

                  <title>萌宠集结号</title>

                  </head>

                  <body>

                  <ul>

                  <li><a href="#miao">去找喵星人</a></li>

                  <li><a href="#wang">去找汪星人</a></li>

                  <li><a href="#meng">其他萌物</a></li>

                  </ul>

                  <a name="miao"></a><!--设置锚点方法1-->

                  <h3 id="miao">喵星人基地</h3><!--设置锚点方法2-->

                  <p>喵喵喵~</p>

                  <p>喵喵喵~</p>

                  <p>喵喵喵~</p>

                  <p>喵喵喵~</p>

                  <p>喵喵喵~</p>

                  <p>喵喵喵~</p>

                  <a name="wang"></a>

                  <p>汪汪汪~</p>

                  <p>汪汪汪~</p>

                  <p>汪汪汪~</p>

                  <p>汪汪汪~</p>

                  <p>汪汪汪~</p>

                  <p>汪汪汪~</p>

                  <a name="meng"></a>

                  <p>萌萌萌~</p>

                  <p>萌萌萌~</p>

                  <p>萌萌萌~</p>

                  <p>萌萌萌~</p>

                  <p>萌萌萌~</p>

                  <p>萌萌萌~</p>

                  </body>

                  </html>

                  二、跨页面跳转

                  ①:设置锚点链接,在href中的路径后面追加:#+锚点名,即可

                  如:<a href="萌宠集结号.html#miao">跳转到萌宠集结号页面</a>

                  ②:要跳转到的页面中要设置锚点,方法见一种的步骤②,两个方法任选其一。

                  二度创作,如有侵权请联系删除。如没特殊注明,文章均为庚午网络原创,转载请注明https://www.hngengwu.com/wangzhanjianshezhishi/119.html

                      • <bdo id='g8laa1v5'></bdo><ul id='lj694fxf'></ul>
                      <i id='uexdy370'><tr id='udlbbsn2'><dt id='gksyf7lm'><q id='jsfp43gb'><span id='yq5tepfz'><b id='2r2sd16g'><form id='sjzkcv3p'><ins id='s6i4i6ef'></ins><ul id='lbzigbck'></ul><sub id='udvklhhd'></sub></form><legend id='4prspqev'></legend><bdo id='ntsgtc33'><pre id='hhkgjhcw'><center id='kgiaj3t5'></center></pre></bdo></b><th id='0jc2yh0r'></th></span></q></dt></tr></i><div id='svhgvjqf'><tfoot id='lpqoxwzd'></tfoot><dl id='5s7qw1zn'><fieldset id='aesgl9w2'></fieldset></dl></div>
                    1. <tfoot id='zwuuueyl'></tfoot>

                      <small id='vl05iair'></small><noframes id='td7svdsr'>

                      <legend id='8yupj4jw'><style id='dr3k73ki'><dir id='j57sjm4w'><q id='pd4j3bty'></q></dir></style></legend>
                      多一份策划方案,总有益处。

                      请直接添加技术总监微信联系咨询

                      网站设计 品牌营销

                      多一份参考,总有益处

                      联系庚午网络,获得专属《策划方案》及报价

                      咨询相关问题或预约面谈,可以通过以下方式与我们联系

                      业务热线:18574395938 / 大客户专线:18574395938