咨询电话:
15628812133
24
2016/12

html 网页中的锚点(命名锚记)的使用介绍

发布时间:2016-12-24 10:46:28
发布者:wenhui
浏览量:
0

锚点是网页制作中超级链接的一种,又叫命名锚记。

命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。 
使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接,这些链接可快速将访问者带到指定位置。 
创建到命名锚记的链接的过程分为两步。首先,创建命名锚记,然后创建到该命名锚记的链接。 
示例代码 
在HTML页面中适当位置定义如下的锚点: 
这里是TOP部分 
这里是CONTENT部分 
这里是FOOT部分 
(您可以使用 id 属性来替代 name 属性,命名锚同样有效) 
对于如上锚点的访问有两种方法 
一种是利用超链接标签制作锚点链接,主要用于页面内的锚点访问 
点击我链接到TOP 
点击我链接到CONTENT 
点击我链接到FOOT 
另一种方式是直接在页面地址后面加锚点标记,主要用于不同页面之间的锚点访问 
假如本页面的地址是http://文件路径/index.html,要访问foot锚点只要访问如下链接即可 
http://文件路径/index.html#foot 

网站案例:http://www.hltdm.com/ 山东华力机电  产品中心——>产品详情页

如下图,点击标题跳转到页面相应位置

360截图20160607100643332.jpg

关键词:
返回列表