博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html自动跳转到锚点,html中的锚点
阅读量:6361 次
发布时间:2019-06-23

本文共 443 字,大约阅读时间需要 1 分钟。

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

页面内的跳转需要两步:

方法一:

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

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

方法二:

①:同方法一的①

②:设置锚点的位置

喵星人基地

;在要跳转到的位置的标签中添加一个id属性,属性值与①中href的属性值一样,不加#

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

小案例:

萌宠集结号

喵星人基地

喵喵喵~

喵喵喵~

喵喵喵~

喵喵喵~

喵喵喵~

喵喵喵~

汪汪汪~

汪汪汪~

汪汪汪~

汪汪汪~

汪汪汪~

汪汪汪~

萌萌萌~

萌萌萌~

萌萌萌~

萌萌萌~

萌萌萌~

萌萌萌~

二、跨页面跳转

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

如:

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

转载地址:http://niima.baihongyu.com/

你可能感兴趣的文章
你好,C++(16)用表达式表达我们的设计意图——4.1 用操作符对数据进行运算...
查看>>
jdbc 简单连接
查看>>
nasm预处理器(2)
查看>>
nginx web服务理论与实战
查看>>
java 库存 进销存 商户 多用户管理系统 SSM springmvc 项目源码
查看>>
你对position了解有多深?看完这2道有意思的题你就有底了...
查看>>
WebSocket跨域问题解决
查看>>
Ubuntu 16.04安装Nginx
查看>>
flutter 教程(一)flutter介绍
查看>>
CSS面试题目及答案
查看>>
Spring自定义注解从入门到精通
查看>>
笔记本触摸板滑动事件导致连滑的解决方式
查看>>
Runtime 学习:消息传递
查看>>
你了解BFC吗?
查看>>
linux ssh tunnel使用
查看>>
十、详解FFplay音视频同步
查看>>
自定义元素探秘及构建可复用组件最佳实践
查看>>
自定义Linux service脚本
查看>>
ICMP
查看>>
CentOS6 手动编译升级 gcc
查看>>