html设置锚点

在html中设置锚点定位，通常是页面内的锚点访问：

     页面内的锚点访问方法：

     1.使用name方法

      使用name方法访问页面内的锚点，首先要设置锚点:<a name="top"></a>，然后写出触发跳转的按钮<a href="#top">回到顶部</a>

      说明：a.锚点名和触发跳转的按钮的href属性相同，后者多一个“#”。b.使用name方法设置锚点的标签一定要是a标签，其他标签不管用。

    2.使用id方法

使用id方法访问页面内的锚点，同样首先要设置锚点:<a id="top"></a>，然后写出触发跳转的按钮<a href="#top">回到顶部</a>

      说明：a.锚点名和触发跳转的按钮的href属性相同，后者多一个“#”。b.使用id方法设置锚点的标签可以是任何标签，比如div等，这一点不同于使用name方法只能是a标签

在项目中锚点只需要name就可以了，但是为了是兼容性更好，通常写成如下形式：<a name="top" id="top"></a>，这样的代码在ie6、7 火狐中都可以兼容，但是在ie8中不兼容，解决办法：是在a标签内容部分添加一个空格，如下：<a name="top" id="top"> </a>

3.使用js定位

<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li> 

页面之间的锚点访问方法：

假如当前页为index.html（地址为：http://........index.html），另一个页面为exercise.html，并且页面中有锚点aaa则：

触发跳转的按钮：<a href=“exercise.html#aaa”>跳转页面</a>,跳转之后的地址为：http://.............exercise.html#aaa