一、锚链的概念
我们在浏览网页的时候，一般会碰到一个很长的网页，滚动条总是向下的，底部一般会有一个返回顶部的键。
或者说去哪儿，这个按钮就是锚链接功能。
二、锚链的语法
就两个值:第一个是锚点在哪里？二是重点在哪里？
<body><!-- 2、跳转的目标位置：点--><a id="test">这里是顶部</a><!-- 1、跳转的按钮：锚--><a href="#test">回到顶部</a></body>
三。锚点用法的示例
源代码:↓
备注:如果定位器上格式混乱，建议粘贴到电脑版的编辑器中查看。
<body><!-- 3、下点：就是点击后要跳转到这里来--><a id="dingbu">这里是顶部</a><br><!-- 1、伪造两屏的网页内容---><h7> <!--外部超链接--> <a href="https://***.baidu.com">百度</a><br> <!--内部超链接--> <a href="test.html">内部超链接</a><br> <!--下载超链接--> <a href="i***ge/test.png">下载超链接</a><br></h7><h6> <!--外部超链接--> <a href="https://***.baidu.com">百度</a><br> <!--内部超链接--> <a href="test.html">内部超链接</a><br> <!--下载超链接--> <a href="i***ge/test.png">下载超链接</a><br></h6><h5> <!--外部超链接--> <a href="https://***.baidu.com">百度</a><br> <!--内部超链接--> <a href="test.html">内部超链接</a><br> <!--下载超链接--> <a href="i***ge/test.png">下载超链接</a><br></h5><h4> <!--外部超链接--> <a href="https://***.baidu.com">百度</a><br> <!--内部超链接--> <a href="test.html">内部超链接</a><br> <!--下载超链接--> <a href="i***ge/test.png">下载超链接</a><br></h4><h3> <!--外部超链接--> <a href="https://***.baidu.com">百度</a><br> <!--内部超链接--> <a href="test.html">内部超链接</a><br> <!--下载超链接--> <a href="i***ge/test.png">下载超链接</a><br></h3><h2> <!--外部超链接--> <a href="https://***.baidu.com">百度</a><br> <!--内部超链接--> <a href="test.html">内部超链接</a><br> <!--下载超链接--> <a href="i***ge/test.png">下载超链接</a><br></h2><h1> <!--外部超链接--> <a href="https://***.baidu.com">百度</a><br> <!--内部超链接--> <a href="test.html">内部超链接</a><br> <!--下载超链接--> <a href="i***ge/test.png">下载超链接</a><br></h1><!-- 2、先下锚：就是按钮放哪里--><a href="#dingbu">回到顶部</a></body>
本文来自西狸森溪寒风投稿，不代表舒华文档立场，如若转载，请注明出处：https://www.chinashuhua.cn/24/612913.html
微信扫一扫 
