锚文本实现同一页跳转到目标处

在制作网站或浏览网页时,经常会面对访问一个页面很长的情况,用户需要滑动很久鼠标才能找到所需要的内容,为了方便用户快速定位到所需要的内容,于是我们可以在页面中设置一些专用的“锚点”,专业的叫法叫做“锚”,你可以看作是页面上的定位,即一个很长的页面,跳到页面的指定位置。当用户点击“锚点”时,会立刻跳转到定位的内容处。

同一页面内代码写法如下

假设有两个地方加锚点,跳到同两个地方,简单写作如下:

[A](#goal_a)
[B](#goal_b)
目标A处
目标B处

当点击A链接时,就会定位到目标A处;当点击B链接时,就会定位到目标B处 , 这就是锚文本,同一页跳转到目标处。此类情况多用于幻灯片样式的网站中。

以下为不同页面跳转方式:

html的内容 [A](b.html#ty)
html的内容 目标处

这样写就是要带上目标页面的地址跳转,如果想在新页面打开,可以添加[标签的属性来达到](b.html#ty)

注意一点:由于高IE版本与其它浏览器不同,可以不用“name”,而用“ID”,如上面可以写成:

目标处 但是为了兼容性更好,可以选如下方法:
目标处 也便用CSS设置样式。