——————————————————————————整理自Vevb,www.Vevb.com /百度知道
# HTML 链接 - name 属性 ( 难点 )
name 属性规定锚(anchor)的名称。
您可以使用name属性创建HTML页面中的书签。
书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,
这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
(百度百科经常使用,在本页面内 上下跳转,快速定位)锚点链接的意思说就是:
“abc”就是一个链接,我点击“abc”之后,就会跳转到"123"的位置上。最常用的方式,
在一个网页的开头,做一个目录,每一个目录都是一个锚点链接,然后链接到本页面相关的位置。
命名锚的语法:
<a name="label">锚(显示在页面上的文本)</a>
Tips:可以使用 id 属性来替代 name 属性,命名锚同样有效。
比如:首先,我们在 HTML 文档中对锚进行命名(创建一个书签):
<a name="tips">基本的注意事项 - 有用的提示</a>
然后,我们在同一个文档中创建指向该锚的链接:
<a href="#tips">有用的提示</a>
您也可以在其他页面中创建指向该锚的链接:
<a href="http://www.Vevb.com.cn/html/html_links.asp#tips">有用的提示</a>
在上面代码中,我们将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个命名锚了。
<html> <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><style type="text/CSS">.d1{border:1px solid red; <!--网页边框是red color-->width:400px;height:2000px;}.d2{border:1px solid blue; <!--点我跳转mao1是蓝色的字体-->width:400px;height:400px;margin-top:1000px;}</style><title>锚链接的使用</title></head><div class="d1"><a href="#mao1">点我跳转mao1</a> <div class="d2"> <a name="mao1">我是mao1</a> </div></div><body> </body> </html>讲解:d1,d2 是自己创建的类的名称。
-
-
再来一个最简单的例子:
<a href="#C4">查看 Chapter 4。</a>
</p>
<h2><a name="C4">Chapter 4</a></h2>
点击查看Chapter 4之后,就可以跳转到Chapter 4标题这里。
新闻热点
疑难解答