点击这里给我发消息 点击这里给我发消息
首页 > 行业资讯 > HTML>详细内容

html中锚标记用法实例分享

添加时间:2013-12-6
    相关阅读: 网页 页面 链接
点评:锚标记的作用就是链接到同一文档中的特定位置叫做锚链接,一般这篇文档内容比较丰富才用锚标记

锚标记用法: 
链接到同一文档中的特定位置叫做锚链接。 
锚的使用方法是选择一个目标定位点,用来创建一个定位标记,用<a>标记的name属性的值来确定 

定位标记名称。格式为: 
<a name="定位标记名"> 
属性 name 用于创建一个命名的锚。当使用一个命名的锚,我们可以创建一个直接跳转到页面的指 

定部分的链接,而不需要让读者通过滚动条拖动来找他/她需要的部分。 
下面是创建一个命名锚的语法: 
<a name="label">Text to be displayed</a> 
属性 name 用于创建一个命名的锚。锚的名称可以使用你喜欢的文本来命名。 
下面一行定义了一个命名的锚: 
<a name="tips">Useful Tips Section</a> 

然后在网页的任何地方建立对这个目标标记的链接,在标题上建立的链接地址名字要和定位标记名相同,前面还要加上"#"号。格式为: 
<a href="#定位标记名"> 
一个命名锚在显示时与普通链接没什么特别不同之处。 
为了直接链接到“要点”部分,一般需要在所请求的 URL 末尾加上符号 # 以及锚名称,象这样: 
<a href="Jump'>http://www.w3schools.com/html_links.asp#tips">Jump to the Useful Tips Section</a> 

到文件 "html_links.asp" 内部(一个页面内部)的可用锚链接的语法如下: 
<a href="#tips">Jump to the Useful Tips Section</a>

看文字说明太累:这里脚本之家歌大家一个简单的例子:

 
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册