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

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

😂 这篇文章最后更新于2759天前,您需要注意相关的内容是否还可用。

众所周知,一页长篇大论如果可以点击某个标记就跳到指定的位置是一件很有利于阅读的手法,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>这样的,写给菜鸟,写给自己,大神绕路!