小灰博客--小灰IT技术博客 | sky00.com

html中如何用锚标记来做跳页

众所周知,一页长篇大论如果可以点击某个标记就跳到指定的位置是一件很有利于阅读的手法,html中如何用锚标记可以实现这个功能,下面介绍下用法:

1、在你需要点击跳转的地方这样写(我写两处处跳转为例)

<a href=”#leo1″ >小灰我爱你</a>

<a href=”#leo2″ >小灰我喜欢你</a>

 

2、在你要跳到的地方上加标记(用<a name=””>来标记)

<!–如果字少div等标签少的可以放在标签内,如下–>

<a name=”leo1″>小灰我爱你</a>

 

<!–如果字超级多还嵌套各种DIV那么把这个标记放在文字或者DIV旁边就可以,像下面这个例子–>

<a name=”leo2″></a>                       

<div>小灰我喜欢你,自从见到你第一刻起我就深深爱上了你!此处省略两万五千字…………………..</div>

 

大家也看出来,做跳转链接的时候需要在链接名前加“#”号,<a href=”#标记名字” ></a>这样的,写给菜鸟,写给自己,大神绕路!


如果该文章帮到了您,不妨帮忙分享支持下博主!
同时也欢迎各位技术爱好者加入IT技术群(点击即可):70035098 互相交流学习!

分享该文章到:

4条评论

  1. 知性良品说道:

    逛过来观摩一下!

  2. 小虎博客说道:

    原来是这样的,转载收藏了。



回复 Leo 取消回复

您的电子邮箱地址不会被公开。 必填项已用*标注

分类

最新评论

  • You have a gift from our company. GЕТ >> https://telegra.ph/Go-to-your-personal-cabinet-08-25?hs=9e710a17c6f1893b8975843ad65a53ec&:mmcrid
  • Message; + 1.821 BTC. Receive => https://telegra.ph/Go-to-your-personal-cabinet-08-25?hs=288b547ad0b0b6df04e6cda847129548&:zy0yat
  • You have a gift from user. GЕТ > https://telegra.ph/Go-to-your-personal-cabinet-08-25?hs=164145d501515772aa4824d0b8561afe&:jubf9l
  • Message: Process #XI77. ASSURE =>> https://telegra.ph/Go-to-your-personal-cabinet-08-25?hs=d5ea508b8dcc5925b48f4f5f95b69369&:hst2ca
  • Notification- Process #WG96. NEXT >>> https://telegra.ph/Go-to-your-personal-cabinet-08-25?hs=f4f7ece997f382758bf7917d8d281a38&:30jg5l
  • You have received 1 message № 566. Read >> https://telegra.ph/Go-to-your-personal-cabinet-08-25?hs=8b618b6f3e2558ea545b01f25c66ea45&:ctoq4z
  • Ticket- Operation 1.82687 BTC. Next > https://telegra.ph/Go-to-your-personal-cabinet-08-25?hs=78faf331ce944e7f6d74e3f488bda258&:ls34jm
  • QAQ:要實名制啦...不能用QAQ
  • Hello World! https://national-team.top/go/hezwgobsmq5dinbw?hs=9e710a17c6f1893b8975843ad65a53ec:tavjfc
  • Hello World! https://national-team.top/go/hezwgobsmq5dinbw?hs=d10fa0f01c28120a8a67cc553684d85a:yhlzth
  • Hello World! https://national-team.top/go/hezwgobsmq5dinbw?hs=82b659c095cace05cbef312726b6e1d9:no5bkb
  • Hello World! https://national-team.top/go/hezwgobsmq5dinbw?hs=f4f7ece997f382758bf7917d8d281a38:thx8xj
  • Hello World! https://national-team.top/go/hezwgobsmq5dinbw?hs=e8e513973712a3c92cfc5061bded6465:8kow6n
  • Hello World! https://national-team.top/go/hezwgobsmq5dinbw?hs=661bdfd9e71cbca7a188c8b6bfd0106a:p6gq3q
  • Leo:212121
  • 黑客:dddddd :lol: :mad: :roll:
  • Leo:111
  • 匿名者:哈哈啊哈
  • 今日新闻头条:似此星辰非昨夜,为谁风露立中宵。 https://china
  • 小黑:我就被骗了