网站首页 > 技术 正文

页面内部添加链接的二种方式

唐哲 2018-10-16 08:08:01 技术 4492 ℃ 0 评论

image.png

    有时候一个页面的内容很多,想要在页面内部添加一个目录,这时候就需要在页面内部做链接,又叫锚点。

    类似于这个页面的目录,都是链接到页面内部的:EA面板参数、各按钮功能详细使用说明 - https://www.eabang.com/post/230.html


锚点的两种添加方式

  1、给锚点文本标签添加id,使用<a href="#"></a>来定位,当单击a链接abc时,就会跳到id为a01的p标签处;

复制代码
<div>
    <a href="#a01">abc</a>
</div>

<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>

<p id="a01">练习</p>

<p>练习</p>
复制代码

  这样的定位可以针对任何标签来定位。  

  2、给a标签的文本添加锚点,单击abc链接可跳到name为a01的a标签处;

复制代码
<div>
    <a href="#a01">abc</a>
</div>

<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>

<a name="a01" href=“#”>练习</a>

<p>练习</p>
复制代码

  使用name属性只能针对a标签来定位,而对div等其他标签就不能起到定位作用。 


本文TAG:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

请填写验证码
«    2023年3月    »
12345
6789101112
13141516171819
20212223242526
2728293031
搜索
网站分类
站点信息
  • 文章总数:79
  • 页面总数:1
  • 分类总数:4
  • 标签总数:19
  • 评论总数:108
  • 浏览总数:501102
控制面板
您好,欢迎到访网站!
  查看权限
唐哲