Discuz教程网

html 锚点的使用

[复制链接]
authicon dly 发表于 2011-5-2 19:46:50 | 显示全部楼层 |阅读模式
一、
html 锚点
到底是干吗的?
通俗简单地说,比如一篇很长的文章,你想按分段精确来看,那就可以用到锚点了。
代码:
<a href="#001">跳到001</a>
…文字省略
<a
name="001"
id="001"
></a>
…文字省略
其实锚点只需name就可以可,加id是为了让它兼容性更好.
href的值要跟name
\
i d
一致,前面必须加"#",以上代码在ie6/7,ff中都可以兼容,但在ie8中就不行。
因为我们锚点的<a></a>值为空,为不影响美观我们加个空格就行了,
如以下代码,就可以兼容ie8
<a href="#001">跳到001</a>
…文字省略
<a
name="001"
id="001"
>
& n b s p
</a>
…文字省略
另一问题,想显示某页面(如:123.html)的某锚点内容呢?

代码如下
<a href="123.html#001">跳到001</a>
…文字省略
<a
name="001"
id="001"
>
& n b s p
</a>
…文字省略
二、
有个专题页面要在里面三个地方加锚点,跳到同一个地方,简单总结如下:

同页面:
<a href="#q1">问题一?</a>
<a href="#q1">问题二?</a>
<a href="#q1">问题二?</a>

<a name="q1">问题一的解答</a>

不同页面:
a.html的内容 <a href="b.html#q1">问题一?</a>
b.html的内容 <a name="q1">问题一的解答</a>

注:
1.确定在同一个页面打开
如果
<a href="#q1">问题一?</a>
<a href="#q2">问题二?</a>这样写不是在同一个页面打开的话,要加 target="_self"
如:  
<a href="#q1" target="_self" >问题一?</a>
<a href="#q2" target="_self" >问题二?</a>
添加锚点就是为了在同一个页面方便快捷地找到相应位置,所以要确定在同一个页面打开才好,呵呵
2.只要是跳到同一个地方,锚点名称必须是一样的。
3.添加锚点,起始位置和结束位置必须都是用<a></a>标记来写的,前面是用href="#锚点名",后面是name="锚点名";





上一篇:Discuz X1.5头像强化包 支持外链头像、Gravatar头像等功能 1月26日更新
下一篇:想问问本网站1314学习网的微博是怎么建的
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2025-5-4 10:50

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表