原创投稿
  1. 创想鸟首页
  2. 用户投稿

html中的锚点是啥

程序猿 • • 用户投稿

html中的锚点是啥

锚点介绍：

标签定义超链接，用于从一张页面链接到另一张页面。 元素最重要的属性是 href 属性，它指示链接的目标。

元素 (或HTML锚元素, Anchor Element)通常用来表示一个锚点/链接。但严格来说，元素不是一个链接，而是超文本锚点，可以链接到一个新文件、用id属性指向任何元素。如果没有元素没有href属性的话，可以作为原本链接位置的占位符，常用于home链接

注意：任何文档流内容都可以被嵌套，只要不是交互内容类别(如按钮、链接等)

立即学习“前端免费学习笔记（深入）”；

属性

href

href属性表示地址，共包括以下3种：

1、链接地址

百度

7590e5b394c02bc1b05d708a07e0e0b.png

2、下载地址

下载测试

b21654c650d4def841601dcc64c7675.png

　3、锚点

（1）href:#id名

目录


















内容

c4e1f841e8dbd91bf4dbd0c2315effb.png

（学习视频分享：html视频教程）

（2）href:页面地址#id名

足球比赛规则

8c385db168293cf8caad3b6c39297d8.png

[注意]href属性一定不要留空，若暂时不需要写地址，则写#或javascript:;。若href留空，会刷新页面

href与src的区别

href(hypertext reference)指超文本引用，表示当前页面引用了别处的内容

src(source)表示来源地址，表示把别处的内容引入到当前页面

所以html中的锚点是啥、、等应该使用src，而和

应该使用href

5ddbedf39ef001352b279b982ca483f.png

4、手机号码

在移动端，使用15012345678%E5%8F%AF%E4%BB%A5%E5%94%A4%E5%87%BA%E6%89%8B%E6%9C%BA%E6%8B%A8%E5%8F%B7%E7%9B%98

target

target属性表示链接打开方式

　　1、_self    当前窗口（默认）
      2、_blank    新窗口
      3、_parent 父框架集
      4、_top 整个窗口
      5、_framename 指定框架

//外层框架        //里层框架                //锚点页

d997df1f7115d448b2e4005e07408e9.png

download

download属性用来设置下载文件的名称(firefox/chrome/opera支持)

test

1ca19d8df68fa5c426a2c1d976e535b.png

rel

rel属性表示表示链接间的关系

alternate   相较于当前文档可替换的呈现author      链接到当前文档或文章的作者bookmark    链接最近的父级区块的永久链接help        与当前上下文相关的帮助链接license     当前文档的许可证next        后一篇文档prev        前一篇文档nofollow    当前文档的原始作者不推荐超链接指向的文档noreferer   访问时链接时不发送referer字段prefetch    预加载链接指向的页面(对于chrome使用prerender)search      用于搜索当前文档或相关文档的资源tag         给当前文档打上标签

【应用】当一篇篇幅很长的文章需要多页显示时，配合next或prev可以实现前后页面导航的预加载

前一页后一页    //当然prefetch也可以用于预加载其他类型的资源

注意事项

1、标签的文本颜色只能自身进行设置，从父级继承不到

2、标签的下划线颜色跟随文本颜色进行变化

3、标签不可嵌套标签

相关推荐：html入门教程

以上就是html中的锚点是啥的详细内容，更多请关注创想鸟其它相关文章！

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1548756.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
0 0

关于作者

程序猿的头像

程序猿签约作者

413.8K 文章
0 评论
2 粉丝
这个人很懒，什么都没有留下～
html换行代码怎么写
上一篇 2025年12月21日 20:09:34
html怎么注释？
下一篇 2025年12月21日 20:09:49

相关推荐

  • VSCode标签怎么自动补齐_VSCodeHTML/XML标签自动补全设置教程 用户投稿

    VSCode标签怎么自动补齐_VSCodeHTML/XML标签自动补全设置教程

    答案：VSCode中HTML/XML标签自动补齐失效通常由Emmet未启用、文件类型识别错误或设置冲突导致。需检查emmet.triggerCharacters和editor.quickSuggestions设置，确认文件语言模式正确，并确保emmet.includeLanguages配置合理。同时…

    程序猿的头像 程序猿
    2026年9月1日
    100

  • java学习应用篇|windows安装JDK及配置环境变量

    java学习应用篇|windows安装JDK及配置环境变量java学习应用篇|windows安装JDK及配置环境变量java学习应用篇|windows安装JDK及配置环境变量java学习应用篇|windows安装JDK及配置环境变量

    学习前言 实际上，本系统中最有价值的内容已经在前两篇文章中介绍完毕，接下来的内容主要是对前面知识的应用。新知识层出不穷，每隔几天就会有新的概念和框架出现。我们在本系列学习中，力求通过基本的学习方法来深入探究代码的本质，这样无论将来出现什么新的知识点，我们都能迅速学习并应用。小刀的水平有限，欢迎大家在…

    程序猿的头像 程序猿
    2026年9月1日 • 用户投稿
    200

  • 使用minio搭建私有化对象存储服务

    使用minio搭建私有化对象存储服务使用minio搭建私有化对象存储服务使用minio搭建私有化对象存储服务使用minio搭建私有化对象存储服务

    在工作中，我们常常会接触到对象存储服务，但这些服务大多是云服务。对于需要对外开放的项目而言，这类服务是可行的。然而，当我们需要私有化部署时，如何继续使用对象存储呢？ 这里介绍一个开源项目MinIO，使用它，我们可以轻松搭建属于自己的私有云服务。 MinIO是一个非常轻量级的服务，可以简单地与其他应用…

    程序猿的头像 程序猿
    2026年8月31日 • 用户投稿
    200
  • 怎样实现一个基于 JavaScript 的简单搜索引擎？ 用户投稿

    怎样实现一个基于 JavaScript 的简单搜索引擎？

    答案是基于JavaScript实现轻量级搜索引擎，通过预加载JSON数据、使用filter进行文本匹配，并支持多关键词与权重排序，结合输入事件实时展示结果。 实现一个基于 JavaScript 的简单搜索引擎，核心是文本匹配和快速检索。不需要复杂的后端或数据库，适合静态网站或小型应用。关键思路是：预…

    程序猿的头像 程序猿
    2026年8月31日
    100
  • WPF 使用 Composition API 做高性能渲染 用户投稿

    WPF 使用 Composition API 做高性能渲染

    在 wpf 中，许多开发者会遇到渲染性能的问题。尽管 wpf 的渲染性能比浏览器渲染要高出不少，但仍然无法满足游戏级别的渲染需求。wpf 使用的 directx 版本仅优化到 9 级别，与 directx 9 的性能相当。鉴于开发者的需求，微软推出了现代渲染方法——composition api，这…

    程序猿的头像 程序猿
    2026年8月31日
    200

  • VSCode怎么贴小图_VSCode插入图片与Markdown图片预览教程

    VSCode怎么贴小图_VSCode插入图片与Markdown图片预览教程VSCode怎么贴小图_VSCode插入图片与Markdown图片预览教程VSCode怎么贴小图_VSCode插入图片与Markdown图片预览教程VSCode怎么贴小图_VSCode插入图片与Markdown图片预览教程

    答案：在VSCode中插入Markdown图片需使用语法，路径推荐用相对路径，预览依赖内置功能或扩展；可通过HTML 标签调整大小，常见问题为路径错误，建议使用Paste Image等扩展提升效率，高级效果如图文混排需结合HTML与CSS，但需注意平台兼容性。 VSCode中插入图片，特别是Mark…

    程序猿的头像 程序猿
    2026年8月31日 • 用户投稿
    100
  • VSCode用户代码片段管理_VSCode自定义模板快速创建入口 用户投稿

    VSCode用户代码片段管理_VSCode自定义模板快速创建入口

    VSCode通过用户代码片段和自定义模板显著提升开发效率。1. 可通过“文件 > 首选项 > 用户代码片段”为特定语言或全局创建代码片段，使用prefix触发、body定义代码结构、description标注用途。2. 合理管理需区分语言特定与全局片段，避免prefix冲突，善用desc…

    程序猿的头像 程序猿
    2026年8月31日
    700

  • VSCode怎么弄HTML_VSCode创建和编写HTML文件基础入门教程

    VSCode怎么弄HTML_VSCode创建和编写HTML文件基础入门教程VSCode怎么弄HTML_VSCode创建和编写HTML文件基础入门教程VSCode怎么弄HTML_VSCode创建和编写HTML文件基础入门教程VSCode怎么弄HTML_VSCode创建和编写HTML文件基础入门教程

    答案：VSCode通过Emmet、Live Server等扩展和智能提示功能，极大提升了HTML编写效率，其语义化标签支持与实时预览能力让开发更高效流畅。 在VSCode里处理HTML，其实比想象中要简单直观得多，它简直就是为前端开发量身定制的。对我来说，它不仅是一个编辑器，更像是一个高效的工作伙伴…

    程序猿的头像 程序猿
    2026年8月30日 • 用户投稿
    500
  • VSCode怎么打出基本代码_VSCode使用代码片段快速生成基础结构教程 用户投稿

    VSCode怎么打出基本代码_VSCode使用代码片段快速生成基础结构教程

    VSCode通过内置、自定义和扩展三种方式实现代码片段快速生成，提升开发效率。使用内置片段如html:5或log可一键生成常用结构；通过“Configure User Snippets”创建自定义片段，如用rfc生成React函数组件，并利用$1、$2等占位符实现光标跳转与同步编辑；安装高评分扩展如…

    程序猿的头像 程序猿
    2026年8月30日
    300
  • vivo浏览器怎么找到离线网页_vivo浏览器已保存离线网页的查看路径 用户投稿

    vivo浏览器怎么找到离线网页_vivo浏览器已保存离线网页的查看路径

    可通过“我的收藏”、下载记录或文件管理器查找vivo浏览器保存的离线网页。首先打开vivo浏览器，点击底部菜单进入“我的收藏”，查找带“已离线”标签的网页；若未找到，进入“下载记录”查看类型为网页或HTML的项目；若仍无法定位，可打开文件管理器，在内部存储的Android/data/com.bbk.…

    程序猿的头像 程序猿
    2026年8月30日
    200
  • VSCode怎么把Markdown保存_VSCode导出和转换Markdown文件格式教程 用户投稿

    VSCode怎么把Markdown保存_VSCode导出和转换Markdown文件格式教程

    答案是使用自动保存、Git版本控制和插件如Markdown PDF与Pandoc可高效保存并转换Markdown；通过相对路径管理图片、自定义CSS或Pandoc模板可避免导出格式错乱。 VSCode保存Markdown文件非常直接，它有自动保存功能，手动Ctrl+S也随时可用。至于导出和转换，这通…

    程序猿的头像 程序猿
    2026年8月30日
    100
  • mPDF 中单页内容输出的挑战与策略 用户投稿

    mPDF 中单页内容输出的挑战与策略

    在使用 mPDF 将 HTML 导出为 PDF 时，用户常希望所有内容能保持在单个页面内。然而，mPDF 对自动分页的控制能力有限，且不提供“孤行”或“孤儿行”保护机制。这意味着，若内容自然超出页面边界，mPDF 将自动分页，难以强制所有内容在单页显示。理解其分页机制的局限性是实现预期输出的关键。 …

    程序猿的头像 程序猿
    2026年8月29日
    200
  • 天猫店铺首页装修步骤是什么？天猫店铺首页装修教程 用户投稿

    天猫店铺首页装修步骤是什么？天猫店铺首页装修教程

    提升天猫店铺形象需从首页装修入手，首先进入商家后台选择PC端首页装修，接着选用匹配类目的模板快速美化页面，有设计能力者可自定义全屏海报并嵌入热区代码，随后添加轮播图、商品推荐、店招等核心模块优化信息布局，最后切换至手机端调整排版与组件确保移动端体验流畅。 如果您希望提升天猫店铺的专业形象和用户体验，…

    程序猿的头像 程序猿
    2026年8月29日
    100
  • VSCode怎么编写地图定位_VSCode集成地图API开发位置服务应用教程 用户投稿

    VSCode怎么编写地图定位_VSCode集成地图API开发位置服务应用教程

    答案是集成地图API实现定位需选择服务商、引入SDK、初始化地图并调用定位功能。具体为：在VSCode中创建Web项目，引入百度等地图API的SDK，通过HTML页面加载地图容器，使用JavaScript初始化地图实例，并结合浏览器Geolocation API或地图SDK自带控件获取位置，最后添加…

    程序猿的头像 程序猿
    2026年8月29日
    100

  • Mac+IDEA+百度富文本UEditor

    Mac+IDEA+百度富文本UEditorMac+IDEA+百度富文本UEditorMac+IDEA+百度富文本UEditorMac+IDEA+百度富文本UEditor

    最近，我在项目中需要嵌入一个富文本编辑器，考虑到百度ueditor的强大功能，决定使用它。然而，从%ignore_a_1%+eclipse环境转到mac+idea后，遇到了几个问题。经过一番努力，终于解决了这些问题，现分享我的经验。 环境：Mac + IDEA + UEditor 基于 Maven+…

    程序猿的头像 程序猿
    2026年8月29日 • 用户投稿
    200

  • 入门爬虫，不讲道理，只摆问题

    入门爬虫，不讲道理，只摆问题入门爬虫，不讲道理，只摆问题入门爬虫，不讲道理，只摆问题入门爬虫，不讲道理，只摆问题

    其实我也算是入门爬虫，目前也还有很多东西没有吃透，比如很多人入门选择使用的正则式我就没记清楚，对于很多反扒也并不算特别深入。但这并不影响我学习爬虫的信心和兴趣。。。没办法，必须要学啊。很多数据我不能跪着求别人给，因为别人不会给。。。被逼着学习爬虫，希望我的学习能有好结果吧 import json i…

    程序猿的头像 程序猿
    2026年8月28日 • 用户投稿
    100
  • 避免 jQuery AJAX POST 请求重复提交的策略与实践 用户投稿

    避免 jQuery AJAX POST 请求重复提交的策略与实践

    本文探讨了在使用 jQuery AJAX 进行 POST 请求时，如何有效避免因事件监听器、快速点击或意外行为导致的重复提交问题。我们将介绍一种基于状态标志的解决方案，通过控制请求的执行时机，确保数据提交的准确性和一致性，并提供相应的代码示例和最佳实践建议，以优化用户体验和系统稳定性。 问题描述：A…

    程序猿的头像 程序猿
    2026年8月28日
    200

  • 推荐几款好用的文本编辑器

    推荐几款好用的文本编辑器推荐几款好用的文本编辑器推荐几款好用的文本编辑器推荐几款好用的文本编辑器

    作为程序员，编写和查看代码是日常工作的重要部分。今天，我将为大家介绍几款实用的文本编辑器。 Sublime Text 是一款轻量、简洁、高效且跨平台的编辑器。 Sublime Text的特色功能包括： 出色的扩展功能，官方称为安装包(Package)。它没有传统的右侧滚动条，而是用代码缩略图代替，这…

    程序猿的头像 程序猿
    2026年8月28日 • 用户投稿
    300
  • VSCode怎么建立外部样式_VSCode链接外部CSS文件方法教程 用户投稿

    VSCode怎么建立外部样式_VSCode链接外部CSS文件方法教程

    首先创建style.css文件并编写样式，然后在HTML的head中通过link标签引入，最后用Live Server插件实现实时预览；若样式未生效，需检查路径、语法、优先级、缓存及HTML结构，并利用开发者工具调试；大型项目应按模块或页面拆分CSS，结合预处理器、BEM规范和CSS Reset提升…

    程序猿的头像 程序猿
    2026年8月28日
    200
  • React前端与PHP后端联调：高效定位与解决PHP错误 用户投稿

    React前端与PHP后端联调：高效定位与解决PHP错误

    本文针对React前端与PHP后端集成时，PHP错误难以追踪的问题，提供了两种高效调试策略。核心在于通过配置PHP服务器端错误日志，将详细错误信息记录到文件，以及利用浏览器开发者工具的网络面板直接检查API的原始响应，从而避免JSON解析错误并快速定位后端问题。 问题剖析：React前端下PHP错误…

    程序猿的头像 程序猿
    2026年8月28日
    100

发表回复

登录后才能评论
关注微信