HTML锚点链接-程序员宅基地

技术标签: web前端  前端  html  

HTML锚点链接

什么是锚点链接:锚点链接是超链接的一种,形式和超链接有所不同,利用锚点链接主要就是为了在一个页面中更加方便的跳转到某个位置。使用的场景就是在一个过长的页面中方便用户能够跳转到自己想去的相应位置

锚点链接的具体使用场景:

我是头部
去底部

<a href="#" name="top"></a>

1.跳转到当前页面的指定位置

  • 方法一

    1.设置一个锚点链接我是锚点一;(注意:href属性的属性值最前面要加#)

<a href="#miao">去找锚点一</a>

2.在页面中需要的位置设置锚点我是锚点一;(注意:a标签中要写一个name属性,属性值要与[1]中的href的属性值一样,不加#)标签中按需填写相应的文字,一般不写内容。

<a href="#" name="miao">我是锚点一</a>
  • 方法二

    1.设置一个锚点链接去找锚点二;(注意:href属性的属性值最前面要加#)

<a href="#miao">去找锚点二</a>

2.设置锚点的位置 我是锚点二在要跳转到的位置的标签中添加一个id属性,属性值与①中href的属性值一样,不加#

<h4 id="miao">我是锚点二</h4>

2.跳转到其他页面的指定位置
使用锚点链接,也可以跳转到其他页面的指定位置。与跳转到当前页面的指定位置相比,它需要在#前加上要跳转到的页面的路径。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index页面</title>
</head>
<body>
    <p>index页面</p>
    <h2 id="index">这是h2标题</h2>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>锚点链接</title>
</head>
<body>
    <a href="./index.html#index">跳转到index页面</a>
</body>
</html>

我是底部
回到顶部

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/W2279567793/article/details/124180948

智能推荐

在PADS中创建库,并在其中添加自己的PCB封装以及Part type_pads part type-程序员宅基地

文章浏览阅读2.4w次,点赞5次,收藏21次。在PADS中创建一个库,并在其中添加自己的pcb封装以及part type1. 打开库管理器,点击新建库,在弹出的New Library对话框中输入新建的库的名字(这里的扩展名为pt9),点击保存即可2. 此时就在对应的文件夹中建立了4个文件(PADS的一个库对应4个文件,这四个文件分别对应|Decals,Parts,Lines,Logic),如下:_pads part type

arcgis10之获取面要素中心点坐标_arcgis获取面的中心点坐标-程序员宅基地

文章浏览阅读1.7w次,点赞16次,收藏44次。第一步 获取中心的文件第二步 新建两个存储中心点做坐标的字段第三步 计算要要素中心的xy坐标同理,计算中心点Y坐标即可_arcgis获取面的中心点坐标

C:L1-061 新胖子公式 (10分)-程序员宅基地

文章浏览阅读1.4k次。根据钱江晚报官方微博的报导,最新的肥胖计算方法为:体重(kg) / 身高(m) 的平方。如果超过 25,你就是胖子。于是本题就请你编写程序自动判断一个人到底算不算胖子。输入格式:输入在一行中给出两个正数,依次为一个人的体重(以 kg 为单位)和身高(以 m 为单位),其间以空格分隔。其中体重不超过 1000 kg,身高不超过 3.0 m。输出格式:首先输出将该人的体重和身高代入肥胖...

Python中 list, numpy.array, torch.Tensor的相互转化_一个列表中含多个torch.tensor如何转化为np.array-程序员宅基地

文章浏览阅读598次。Python中 list, numpy.array, torch.Tensor 格式相互转化原地址:https://www.cnblogs.com/siyuan1998/p/10792481.html1.1 list 转 numpyndarray = np.array(list)1.2 numpy 转 listlist = ndarray.tolist()2.1 list 转 torch.Tensortensor=torch.Tensor(list)2.2 torch.Tensor 转 li_一个列表中含多个torch.tensor如何转化为np.array

Linux文件系统_(1)创建目录/home/guestuser1/work1,/home/guestuser/work-程序员宅基地

文章浏览阅读4.9k次。【操作过程】:(1)根据项目描述要求在/home/guestuser1/目录下分别创建work1和work2两个子目录,由于已经明确所要生成目录的绝对路径,所以可以通过mkdir命令直接生成指定的目录,执行命令:$mkdir /home/guestuser1/work1$mkdir /home/guestuser1/work2需要注意的是,在生成目录时,可以使用绝对路径,也可以使用相对路径。如果只写出一个目录的名字,则新的目录将会在当前目录中。(2)要进入指定的路径,可以直接使用_(1)创建目录/home/guestuser1/work1,/home/guestuser/work2;(2)将当前目录切

Spring各注册bean注解对应模式及其生命周期存亡_spring用注解设置bean的生命周期注解是那个-程序员宅基地

文章浏览阅读652次。一、注解模式@Component注解默认实例化的对象是单例,如果想声明成多例对象可以使用@Scope(“prototype”)@Repository默认单例@Service默认单例@Controller默认多例二、Spring中的bean的生命周期singleton(全局的)是随着spring的存亡而存亡prototype 又叫多例模式,用的时候就new一下,用完就没有了。session 存在这一次会话 session 中,session过期后它就没了。request_spring用注解设置bean的生命周期注解是那个

随便推点

操作系统-1w字关于内存的总结_操作系统单元号是什么-程序员宅基地

文章浏览阅读3.2k次。内存的基本概念什么是内存,有何作用内存是用于存放数据的硬件。程序执行前需要先放入内存中才能被CPU处理存储单元内存中也有一个一个的小房间,每个小房间就是一个存储单元。如果计算机按照 字节编址,则每个存储单元的大小为1个字节,即1B,即8个二进制位。如果字长为16位的计算机按字编址,则每个存储单元的大小为一个字;每个字的大小是一个16位的二进制,也就是俩字节。内存地址内存地址就是对存储单元编号,每个内存地址对应一个存储单元。进程运行的基本原理其实我们使用高级语言写的代码需要翻译成CPU能识_操作系统单元号是什么

cmake实践教程_cmake 实践-程序员宅基地

文章浏览阅读419次。1,建立一个静态库和动态库,提供 HelloFunc 函数供其他程序编程使用,HelloFunc。读者云,太能罗唆了,一个 Hello World 就折腾了两个大节。OK,从本节开始,我们不。再折腾 Hello World 了,我们来折腾 Hello World 的共享库。在/backup/cmake 目录建立 t3 目录,用于存放本节涉及到的工程。所代表的值的变量,那当然是不存在的了。的可执行文件,相关的源文件是。去构建,上面的内容就是所谓的。,基本语法规则前面提到过,2,安装头文件与共享库。_cmake 实践

自训练和半监督学习介绍-程序员宅基地

文章浏览阅读7.1k次,点赞6次,收藏69次。作者|Doug Steen编译|VK来源|Towards Data Science当涉及到机器学习分类任务时,用于训练算法的数据越多越好。在监督学习中,这些数据必须根据目标类进行标记,否则,这些算法将无法学习独立变量和目标变量之间的关系。但是,在构建用于分类的大型标记数据集时,会出现两个问题:标记数据可能很耗时。假设我们有1000000张狗图像,我们想将它们输入到分类算法中,目的是预测每个图像是否包含波士顿狗。如果我们想将所有这些图像用于监督分类任务,我们需要一个人查看每个图像并确定是否存在波士_自训练

cmake -T v140_xp 异常问题-程序员宅基地

文章浏览阅读380次。VS版本 Visual Studio 15 2017。二、解决方案:安装对C++的windowsXp支持。三、安装完后,执行命令,显示正常。_cmake -t

docker怎么访问宿主中redis服务6379端口_docker redis怎么开放端口-程序员宅基地

文章浏览阅读7.3k次。1.宿主机中执行ifconfig, 获取当前的ip,2.配置redis 2.1关闭redis的保护模式(即会阻挡外部网址访问), 首先打开redis的配置文件redis.conf, 然后找到protected-mode yes一行将yes改为no,当然如果你本身就是no就不用修改了 2.2 确保redis监听的本地所有地址,而不只是127.0.0.1地址(默认只监听这个地址) . 还是找到redis.conf文件找到绑定地址指令一般为bind 127.0.0.1 :1 , 在这行前将#,..._docker redis怎么开放端口

机器学习技法课程学习笔记11 -- Gradient Boosted Decision Tree_boosted decision tree learners的算法-程序员宅基地

文章浏览阅读873次。上节课我们主要介绍了Random Forest算法模型。Random Forest就是通过bagging的方式将许多不同的decision tree组合起来。除此之外,在decision tree中加入了各种随机性和多样性,比如不同特征的线性组合等。RF还可以使用OOB样本进行self-validation,而且可以通过permutation test进行feature selection。本节课_boosted decision tree learners的算法