html web页面锚点的设置

最新推荐文章于 2024-03-14 09:39:32 发布

王永存

最新推荐文章于 2024-03-14 09:39:32 发布

阅读量5.4k

点赞数 8

分类专栏： html 文章标签： html页面锚点的设置

本文链接：https://blog.csdn.net/wang1006008051/article/details/78156257

版权

html 专栏收录该内容

17 篇文章 3 订阅

订阅专栏

html页面锚点的设置

一、锚点是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。要想在页面中设置锚点就要用到a(anchor的缩写)标签了。

二、超链接标签常见的属性：

1，href：用于链接到某个资源

2，target:表示目标，我们在打开一个页面时，是要新窗口打开还是在当前窗口打开，或是在框架中打开，就取决于这个属性，常见的属性值有两个： _blank 表示在新窗口中打开 _self 表示在当前窗口中打开(默认）

3，title: 当鼠标放到链接上时，显示出title对应的属性值（内容）

4，name: 用于设置锚点

三、常见的几种锚点设置

1、设置返回顶部的锚点 // a标签内设置name属性为#或者#top，即可点击返回页面的顶部

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>你好</p>
<p>你好</p>
<p>你好</p>
......
//<a href="#">返回顶部</a>  
<a href="#top">返回顶部</a>
</body>
</html>

2、设置跳转到任意指定的标签或者文档处

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>你好</p>
<div id="app" style="width:100px;height:100px;background-color:orange">你好</div>
<p>你好</p>
<p>你好</p>
<p>你好</p>
<p>你好</p>
......
<a href="#app">跳到指定的标签处</a>
</body>
</html>

王永存

关注

8
点赞
踩
11

收藏

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

html页面锚点的设置一、锚点是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。要想在页面中设置锚点就要用到a(anchor的缩写)标签了。二、超链接标签常见的属性： 1，href：用于链接到某个资源 2，target:表示目标，我们在打开一个页面时，是要新窗口打开还是在当前窗口打开，或是在框架中打开，就取决
复制链接

扫一扫