HTML锚点的使用

全栈程序员-站长 • 2026年3月16日下午6:25 • 未分类 • 阅读 2

HTML锚点的使用一页面内跳转的锚点设置 nbsp nbsp nbsp nbsp nbsp nbsp 页面内的跳转需要两步 nbsp nbsp nbsp nbsp nbsp nbsp nbsp 方法一 nbsp nbsp nbsp nbsp nbsp nbsp 设置一个锚点链接 lt ahref miao gt 去找喵星人 lt a gt 注意 href 属性的属性值最前面要加 nbsp nbsp nbsp nbsp nbsp nbsp 在页面中需要的位置设置锚点 lt aname miao gt lt a gt 注意 a 标签中要写一个 name 属

一、页面内跳转的锚点设置

页面内的跳转需要两步：

方法一：

①：设置一个锚点链接去找喵星人；（注意：href属性的属性值最前面要加#）

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

方法二：

①：同方法一的①

②：设置锚点的位置
喵星人基地；在要跳转到的位置的标签中添加一个id属性，属性值与①中href的属性值一样，不加#

方法二不用单独添加一个a标签来专门设置锚点，只在需要的位置的标签中添加一个id即可。

小案例：

      
  
         
   萌宠集结号      
   
              
    去找喵星人          
    去找汪星人          
    其他萌物      
         
    
         
   
     喵星人基地 
          
    喵喵喵~      
    喵喵喵~      
    喵喵喵~      
    喵喵喵~      
    喵喵喵~      
    喵喵喵~           
          
    汪汪汪~      
    汪汪汪~      
    汪汪汪~      
    汪汪汪~     
    汪汪汪~      
    汪汪汪~      
          
    萌萌萌~      
    萌萌萌~      
    萌萌萌~      
    萌萌萌~      
    萌萌萌~      
    萌萌萌~

二、跨页面跳转

①：设置锚点链接，在href中的路径后面追加：#+锚点名，即可

如：跳转到萌宠集结号页面

②：要跳转到的页面中要设置锚点，方法见一种的步骤②，两个方法任选其一。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/228691.html原文链接：https://javaforall.net

赞 (0)

0 0

关于作者

全栈程序员-站长

133.5K 文章

3 粉丝

本网站汇聚当前互联网主流语音，持续更新，欢迎关注公众号“全栈程序员社区”

java 根号x_Java-求根号n

上一篇 2026年3月16日下午6:25

【数据结构与算法】时间复杂度和空间复杂度

下一篇 2026年3月16日下午6:25

docker

docker安装搭建私库删除私库镜像打印私库镜像的shell脚本[通俗易懂]

docker安装搭建私库删除私库镜像打印私库镜像的shell脚本[通俗易懂]#!/bin/bash#本脚本可以打印私有镜像库中所有的镜像#私有镜像库地址HUB_URL=hub.dy.com:5000#取得所有私有镜像库的所有镜像IMAGESLIST=$(curl-shttp://${HUB_URL}/v2/_catalog)#echo${IMAGESLIST}#删除后2个字符IMAGESLIST=${IMAGESLIST::-2}#删除…

全栈程序员-站长
2022年7月18日
17
mongodb java查询_java操作mongoDB查询的实例详解

mongodb java查询_java操作mongoDB查询的实例详解java 操作 mongo 查询的实例详解前言 MongoDB 是一个基于分布式文件存储的数据库由 C 语言编写旨在为 WEB 应用提供可扩展的高性能数据存储解决方案 MongoDB 是一个介于关系数据库和非关系数据库之间的产品是非关系数据库当中功能最丰富最像关系数据库的他支持的数据结构非常松散是类似 json 的 bson 格式因此可以存储比较复杂的数据类型 Mongo 最大的特点是他支持的查询语言非常强

全栈程序员-站长
2026年3月17日
2
Ai程序员

完全开源！多合一AI智能体框架

完全开源！多合一AI智能体框架

全栈程序员-站长
2026年3月15日
2
C语言四种方法求最大公约数

C语言四种方法求最大公约数一实验要求运行最大公约数的常用算法并进行程序的调试与测试要求程序设计风格良好并添加异常处理模块二实验方法四种 1 辗转相除法欧几里德法 C 语言中用于计算两个正整数 a b 的最大公约数采用函数嵌套调用形式进行求两个数的最大公约数其算法过程为前提设两数为 a b 设其中 a 做被除数 b 做除数 temp 为余数 Steps 大数放 a 中小数放 b 中求 a b 的余数若 temp

全栈程序员-站长
2026年3月19日
2
【学术】各类基金资助项目英文翻译（中英文对照）

【学术】各类基金资助项目英文翻译（中英文对照）不完全统计表明国内期刊多习惯于将基金资助项目的信息作为论文首页的脚注国外期刊则多将其作为致谢的一部分标注通常情况下只需列出项目的资助号即可不必标注具体的项目名称如 Supportedbyt GrantNo theMajorStat GrantNo G

全栈程序员-站长
2026年3月16日
1
前端开发项目经验_项目管理体系包括哪些

前端开发项目经验_项目管理体系包括哪些前端开发传统的web开发管理端、H5/小程序、可视化、游戏等Node.js开发服务端接入层、构建工具、云服务等终端开发reactnative、flutter、electron等项目开发过程中涉及的系统涉及、方案调研、技术选型、性能优化、效能提升这些都是想通的这是怎样的一个项目？他遇到什么问题、存在着怎样的瓶颈？又需要怎么去解决？前端面试相关知识点前端常见的框架和工具库重要的是要知道各个框架的区别、掌握框架设计和实现原理Node.js和服务.

全栈程序员-站长
2022年10月21日
5

发表回复

关注全栈程序员社区公众号