×

网站优化

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

小虎 小虎 发表于2014-01-11 00:27:04 浏览1308 评论11

11人参与发表评论

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

image

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>这样的,写给菜鸟,写给自己,大神绕路!

群贤毕至

访客
皇冠现金网 皇冠现金网2014-05-06 16:23:50 | 回复 吃饭!
德州扑克迅特 德州扑克迅特2014-04-22 11:13:16 | 回复 刚好需要,
博狗娱乐城 博狗娱乐城2014-03-22 14:36:00 | 回复 好用。
澳门赌场讯特 澳门赌场讯特2014-03-11 11:47:11 | 回复 可以学习下
百家乐龙虎斗 百家乐龙虎斗2014-03-06 16:15:43 | 回复 支持
娱乐城讯特 娱乐城讯特2014-03-03 09:16:46 | 回复 多多支持呢
heyuan heyuan2014-01-24 10:41:23 | 回复 锚点不怎么用,但是还是感谢博主的分享
个人博客 个人博客2014-01-17 21:50:19 | 回复 貌似我都么有用过锚标记~~
admin admin2014-01-13 01:04:25 | 回复 我测试过,好像不行。
林肆 林肆2014-01-13 00:29:31 | 回复 这个手法,我或许是用过的,很不错的说。
517单机游戏网 517单机游戏网2014-01-12 20:58:43 | 回复 写的很好,很实用,学习了