html页面内跳转的锚点设置

最新推荐文章于 2024-04-24 14:53:02 发布

杨葱儿

最新推荐文章于 2024-04-24 14:53:02 发布

阅读量5.2k

点赞数

分类专栏： Function

本文链接：https://blog.csdn.net/weixin_44285250/article/details/88185667

版权

Function 专栏收录该内容

41 篇文章 1 订阅

订阅专栏

如图，当点击渠道价格时，跳转到页面内的某个点

方法一：

①：设置一个锚点链接<a href="#xx">去找信息</a>；（注意：href属性的属性值最前面要加#）

②：在页面中需要的位置设置锚点<a name="xx"></a>；（注意：a标签中要写一个name属性，属性值要与①中的href的属性值一样，不加#）标签中按需填写必要的文字，一般不写内容

方法二：

①：同方法一的①

②：设置锚点的位置 <h3 id="xx">信息</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="#xx">去找信息</a></li>
        <li><a href="#jg">去找价格</a></li>
        <li><a href="#kc">去找库存</a></li>
    </ul>

    <a name="xx"></a><!--设置锚点方法1-->
    <h3 id="xx">信息</h3><!--设置锚点方法2-->
    <p>信息~</p>
    <p>信息~</p>
   
    
    <a name="jg"></a>
    <p>价格</p>
    <p>价格</p>

    <a name="kc"></a>
    <p>库存~</p>
    <p>库存~</p>
</body>
</html>

杨葱儿

关注

0
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
html页面内跳转的锚点设置

如图，当点击渠道价格时，跳转到页面内的某个点方法一： ①：设置一个锚点链接&lt;a href="#xx"&gt;去找信息&lt;/a&gt;；（注意：href属性的属性值最前面要加#） ②：在页面中需要的位置设置锚点&lt;a name="xx"&gt;&lt;/a&gt;；（注意：a标签中要写一个name属性，属性值要与①中的href的属性值一样，不...
复制链接

扫一扫