码迷,mamicode.com
首页 > 其他好文 > 详细

汉语-词语-锚点:百科

时间:2020-02-08 09:56:40      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:tle   网页   alt   路径   列操作   16px   英文名   item   http   

ylbtech-汉语-词语-锚点:百科
是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。
拼音: mao dian
英文名:anchor
使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接,这些链接可快速将访问者带到指定位置。
创建到命名锚记的链接的过程分为两步。首先,创建命名锚记,然后创建到该命名锚记的链接
1.返回顶部
1、
中文名:锚点
外文名:anchor
时    间:网页制作中
属    性:超级链接的一种
又    叫:命名锚记
目    的:可以在文档中设置标记
2、
2.返回顶部
1、

创建锚点

1、在“文档”窗口的“设计”视图中,将插入点放在需要命名锚记的地方,执行下列操作之一:
* 选择“插入”>“命名锚记”。
* 按下 Control+Alt+A。
* 在“插入”栏的“常用”类别中,单击“命名锚记”按钮。
出现“命名锚记”对话框。
2、在“锚记名称”文本框中,键入锚记的名称,并单击“确定”。锚记标记在插入点处出现。
注意:如果看不到锚记标记,可选择“查看”>“可视化助理”>“不可见元素”
3、这时外面可以看到的锚点代码为:<a name="锚点名"></a> 如:<a name="top"></a>
 

链接到锚点

在“文档”窗口的“设计”视图中,选择要从其创建链接的文本或图像。在属性面板的“链接”文本框中,键入一个数字符号 (#) 和锚记名称。例如:
*若要链接到当前文档中的名为“top”的锚记,请键入 #top。如:<a href="#top">点击我连接到TOP</a>
*若要链接到同一文件夹内其它文档中的名为“top”的锚记,请键入 filename.html#top
 

示例代码

在HTML页面中适当位置定义如下的锚点:
<a id="top">这里是TOP部分</a>
<a id="content">这里是CONTENT部分</a>
<a id="foot">这里是FOOT部分</a>
(您可以使用 id 属性来替代 name 属性,命名锚同样有效。
对于如上锚点的访问有两种方法
一种是利用超链接标签<a></a>制作锚点链接,主要用于页面内的锚点访问
<a href="#top">点击我链接到TOP</a>
<a href="#content">点击我链接到CONTENT</a>
<a href="#foot">点击我链接到FOOT</a>
另一种方式是直接在页面地址后面加锚点标记,主要用于不同页面之间的锚点访问
假如本页面的地址是http://文件路径/index.html,要访问foot锚点只要访问如下链接即可
http://文件路径/index.html#foot
2、
3.返回顶部
 
4.返回顶部
 
5.返回顶部
1、
2、
 
6.返回顶部
 
技术图片 作者:ylbtech
出处:http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

汉语-词语-锚点:百科

标签:tle   网页   alt   路径   列操作   16px   英文名   item   http   

原文地址:https://www.cnblogs.com/storebook/p/12275474.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!