这次给大家带来怎样使用html网页中的锚点,使用html网页中的锚点的锚点有哪些,下面就是实战案例,一起来看一下。
锚点是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。
英文名:anchor
使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接,这些链接可快速将访问者带到指定位置。
创建到命名锚记的链接的过程分为两步。首先,创建命名锚记,然后创建到该命名锚记的链接。
示例代码
在HTML页面中适当位置定义如下的锚点:
这里是TOP部分 这里是CONTENT部分 这里是FOOT部分
登录后复制
(您可以使用 id 锚点来替代 name 属性,命名锚同样有效。[1])
对于如上锚点的访问有两种方法
一种是利用锚点标签锚点页面中是没有问题的,还是值得学下的!
3.在 WEB 开发中,会使用到页面锚点。HTML 页面锚点用于链接到一个页面的某一章节。W3School 中说到,创建锚点使用 锚点
锚点
立即学习“前端免费学习笔记(深入)”;
锚点
立即学习“前端免费学习笔记(深入)”;
点击我链接到TOP 点击我链接到CONTENT 点击我链接到FOOT
登录后复制
跳到001 ...文字省略 ...文字省略
登录后复制
跳到001 ...文字省略 & n b s p ...文字省略
登录后复制登录后复制
跳到001 ...文字省略 & n b s p ...文字省略
登录后复制登录后复制
方法一
使用锚标签的 href 和 name 属性
方法二
使用锚标签和 id 属性
登录后复制
以上就是怎样使用html网页中的锚点的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3086988.html