html中锚标记用法实例分享
来源: 阅读:1328 次 日期:2016-06-21 15:21:45
温馨提示: 小编为您整理了“html中锚标记用法实例分享”,方便广大网友查阅!

锚标记的作用就是链接到同一文档中的特定位置叫做锚链接,一般这篇文档内容比较丰富才用锚标记

锚标记用法:

链接到同一文档中的特定位置叫做锚链接。

锚的使用方法是选择一个目标定位点,用来创建一个定位标记,用<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>

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

<a href="#tag" >从这里</a>

<div style="height:600px"></div><a name="tag">跳到这里</a>

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

更多信息请查看网页制作
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map