首页 > web前端 > html教程 > html中锚标记用法实例分享_HTML/Xhtml_网页制作

html中锚标记用法实例分享_HTML/Xhtml_网页制作

WBOY
发布: 2016-05-16 16:40:57
原创
1541 人浏览过
锚标记用法:
链接到同一文档中的特定位置叫做锚链接。
锚的使用方法是选择一个目标定位点,用来创建一个定位标记,用标记的name属性的值来确定

定位标记名称。格式为:

属性 name 用于创建一个命名的锚。当使用一个命名的锚,我们可以创建一个直接跳转到页面的指

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

然后在网页的任何地方建立对这个目标标记的链接,在标题上建立的链接地址名字要和定位标记名相同,前面还要加上"#"号。格式为:

一个命名锚在显示时与普通链接没什么特别不同之处。
为了直接链接到“要点”部分,一般需要在所请求的 URL 末尾加上符号 # 以及锚名称,象这样:
Jump to the Useful Tips Section

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

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




提示:您可以先修改部分代码再运行

拷贝到你得页面中试下是不是很好用呢!
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板