页面锚点的设置

最新推荐文章于 2023-10-28 14:20:58 发布

weixin_30768661

最新推荐文章于 2023-10-28 14:20:58 发布

阅读量382

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/agansj/p/9214567.html

版权

2中情况：

一种情况是：页面内跳转

方法一： <a href="#mao"></a>

页面另外一个地方写成 <a name="mao"></a>

方法二：<a href="#mao"></a>

页面另外一个写成 <h1 id="#mao"></h1>

<!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 id="meng"></a>
    <p>萌萌萌~</p>
    <p>萌萌萌~</p>
    <p>萌萌萌~</p>
    <p>萌萌萌~</p>
    <p>萌萌萌~</p>
    <p>萌萌萌~</p>
</body>
</html>

第二种情况是：页面之间的跳转

<a href="one.html#mao">hahah</a>
要跳转到另外一个页面的的对对应的位置写上 <a name="mao”></a> 或者 <div id="mao"></div>

转载于:https://www.cnblogs.com/agansj/p/9214567.html

weixin_30768661

关注

0
点赞
踩
2

收藏

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

2中情况：一种情况是：页面内跳转方法一： <a href="#mao"></a> 页面另外一个地方写成 <a name="mao"></a>方法二：<a href="#mao"></a>页面另外一个写成 <h1 id="#mao"></h1><!DOC...
复制链接

扫一扫