html中的锚点介绍和使用

锚点是网页制作中超级链接的一种又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接运用相当普遍。示例代码在HTML页面中适当位置定义如下的锚点a nametop这里是TOP部分/aa namecontent这里是CONTENT部分/aa namefoot这里是FOOT部分/a您可以使用 id 属性来替代 name 属性命名锚同样有效。[1]对于如上锚点的访问有两种方法一种是利用超链接标签a/a制作锚点链接主要用于页面内的锚点访问a href#top点击我链接到TOP/aa href#content点击我链接到CONTENT/aa href#foot点击我链接到FOOT/a另一种方式是直接在页面地址后面加锚点标记主要用于不同页面之间的锚点访问假如本页面的地址是http://文件路径/index.html要访问foot锚点只要访问如下链接即可http://文件路径/index.html#foot2.html 锚点 到底是干吗的通俗简单地说比如一篇很长的文章你想按分段精确来看那就可以用到锚点了。代码a href#001跳到001/a...文字省略a name001 id001 /a...文字省略其实锚点只需name就可以可加id是为了让它兼容性更好.href的值要跟name \ i d 一致前面必须加#以上代码在ie6/7,ff中都可以兼容但在ie8中就不行。因为我们锚点的a/a值为空为不影响美观我们加个空格就行了,如以下代码就可以兼容ie8a href#001跳到001/a...文字省略a name001 id001 n b s p /a...文字省略另一问题想显示某页面(如123.html)的某锚点内容呢代码如下a href123.html#001跳到001/a...文字省略a name001 id001 n b s p /a...文字省略这是昨天在做后台时候想实现“修改定位”就把锚点标记搬了出来平常它都被我遗忘。但是程序那边说他们要取值连接中必须要有“?”或“”那这样我的锚点就不兼容了...呵呵以后会有解决方法的虽然在jsp页面中锚点兼容有问题但是在静态页面中是没有问题的还是值得学下的3.在 WEB 开发中会使用到页面锚点。HTML 页面锚点用于链接到一个页面的某一章节。W3School 中说到创建锚点使用 a 锚标签和 name 属性但这不是创建页面锚点的唯一方法。下面简要说一下制作 HTML 页面锚点的两种方式。我们可以利用 W3School 的在线测试工具来进行测试。打开链接后的测试代码使用的是 a href”#C4″ 和 a name”C4″测试没有问题。再将“ h2 a name”C4″Chapter 4 /a /h2”改为“ h2 id”C4″Chapter 4 /h2” 后进行测试效果一样。说明制作页面锚点除了使用 锚点标签 name 属性之外还可以使用 id 属性。锚点 a 标签中 href 属性的值为 # 开头加上目标的 name 或 id 的值htmlbodypa href#method1页面锚点方法一/a/ppa href#method2页面锚点方法二/a/ph2a namemethod1方法一/a/h2p使用锚标签的 href 和 name 属性/ph2 idmethod2方法二/h2p使用锚标签和 id 属性/p/body/html