网站首页 > 技术正文

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

唐哲 2018-10-16 08:08:01 技术 6396 ℃ 1 评论

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

类似于这个页面的目录，都是链接到页面内部的：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等其他标签就不能起到定位作用。　

猜你喜欢

网站分类

站点信息