链家网澄迈选择城市热门城市:北京上海深圳A安庆B保定包头北京北海宝鸡巴彦淖尔保亭C长春重庆常州常熟长沙成都承德赤峰澄迈常德滁州D东莞德阳丹阳儋州大连丹东大理达州E鄂州F福州阜阳防城港佛山抚顺G赣州贵阳广元广州桂林H黄冈菏泽淮安合肥汉中呼和浩特海口惠州黄石衡阳邯郸哈尔滨海门湖州杭州J济南句容济宁金华江门晋中江阴嘉兴济源吉林九江吉安K昆明昆山开封L廊坊临沂柳州兰州乐山凉山洛阳陵水乐东临高M马鞍山眉山绵阳N南充宁波南京南宁南昌南通P濮阳平顶山攀枝花Q琼海泉州清远黔西南衢州青岛秦皇岛S绍兴上饶三门峡遂宁石家庄深圳苏州上海沈阳三亚T泰安唐山台州通辽天水太仓天津太原W万宁文昌五指山乌鲁木齐温州潍坊芜湖武汉无锡威海登录立即注册二手房新房租房
澄迈链家真实在售二手房 2349 套找二手房找新房地图地图热门搜索清空推荐搜索清空房地产中介诚信服务承诺及保证书集二手、新房、租房功能于一体，随时随地任性找房。IM匿名咨询让您放心，消息动态推送让您省心，服务承诺让您安心，数据百科锦囊让您感受贴心漫漫找房路，我们努力为您想更多。
好房源那么多，我们为你精选，链家网会越来越懂你更多北京二手房
纵览小区，恋上这座城更多澄迈小区
真实存在，真实在售，真实价格，真实图片！链家郑重向用户承诺：真实房源，假一赔百元！
北京链家简介联系我们隐私声明网站地图官方客服 1010 9666二手房小区赣州二手房泉州二手房石家庄二手房呼和浩特二手房澄迈二手房徐州二手房东莞二手房南通二手房汉中二手房南宁二手房长沙二手房衡阳二手房桂林小区二手房阜阳小区二手房襄阳小区二手房通辽小区二手房常州小区二手房新乡小区二手房柳州小区二手房马鞍山小区二手房潍坊小区二手房沈阳小区二手房青岛小区二手房佛山小区二手房贝壳找房（北京）科技有限公司 | 网络经营许可证 京ICP备16057509号-2 | © Copyright©2010-2024 贝壳找房版权所有 | 营业执照违法和不良信息举报电话：010-86440676 违法和不良信息举报邮箱：jubaoyouxiang@lianjia.com涉未成年人举报电话：010-86440676 涉未成年人举报邮箱：jubaoyouxiang@ke.com京公网安备 11010802024019号 网上有害信息举报专区
链家APP·开启移动找房之旅!马上去下载
×账号密码登录用户名或密码错误7天内免登录忘记密码登录手机快捷登录登录即代表同意《链家隐私政策》及《链家用户使用协议》7天内免登录忘记密码×手机快捷登录别担心，无账号自动注册不会导致手机号被泄露获取验证码没有收到验证码？发送语音验证码用户名或密码错误7天内免登录登录账号密码登录登录即代表同意《链家隐私政策》及《链家用户使用协议》×手机号码注册已有账号？去登录获取验证码没有收到验证码？发送语音验证码用户名或密码错误我已阅读并同意《链家隐私政策》及《链家用户使用协议》注册×找回密码获取验证码没有收到验证码？发送语音验证码用户名或密码错误修改密码用户名或密码错误修改密码
创建超链接 - 学习 Web 开发 | MDN
接 - 学习 Web 开发 | MDNSkip to main contentSkip to searchSkip to select languageMDN Web DocsOpen main menuReferencesReferencesOverview / Web TechnologyWeb technology reference for developersHTMLStructure of content on the webCSSCode used to describe document styleJavaScriptGeneral-purpose scripting languageHTTPProtocol for transmitting web resourcesWeb APIsInterfaces for building web applicationsWeb ExtensionsDeveloping extensions for web browsersWeb TechnologyWeb technology reference for developersGuidesGuidesOverview / MDN Learning AreaLearn web developmentMDN Learning AreaLearn web developmentHTMLLearn to structure web content with HTMLCSSLearn to style content using CSSJavaScriptLearn to run scripts in the browserAccessibilityLearn to make the web accessible to allPlusPlusOverviewA customized MDN experienceAI Help (beta)Get real-time assistance and supportUpdatesAll browser compatibility updates at a glanceDocumentationLearn how to use MDN PlusFAQFrequently asked questions about MDN PlusCurriculumNewBlogPlayAI Help BetaSearch MDNClear search inputSearchThemeLog inSign up for free学习 Web 开发使用 HTML 组织网站内容HTML 简介创建超链接Article Actions中文 (简体)此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。Filter sidebarClear filter inputIn this article什么是超链接？链接的解析统一资源定位符（URL）与路径（path）快速入门链接最佳实践主动学习：创建一个导航菜单电子邮件链接技能测试！小结新手请从这开始！Web 入门web 入门安装基础软件设计网站外观处理文件HTML 基础CSS 基础JavaScript 基础发布网站万维网是如何工作的HTML——构建 WebHTML 介绍HTML 简介开始学习 HTML“头”里有什么——HTML 元信息HTML 文本处理基础创建超链接文本格式进阶文档与网站架构HTML 调试标记信件构建网页内容多媒体与嵌入多媒体与嵌入HTML 中的图片视频和音频内容从 object 到 iframe——其他嵌入技术在网页中添加矢量图形响应式图片Mozilla 醒目页面HTML 表格HTML 表格HTML 表格基础HTML 表格高级特性和无障碍作业：构建行星数据CSS——设计 WebCSS 第一步CSS 入门概述什么是 CSS?让我们开始 CSS 的学习之旅CSS 的组成CSS 如何运行运用你的新知识CSS 基础CSS 构建CSS 选择器类型、类和 ID 选择器属性选择器伪类和伪元素关系选择器层叠、优先级与继承层叠层盒模型背景与边框处理不同方向的文本溢出的内容CSS 的值与单位在 CSS 中调整大小图像、媒体和表单元素样式化表格调试 CSS组织 CSS基本的 CSS 理解创建精美的信纸一个漂亮的盒子样式化文本为文本添加样式（样式化文本）基本文本和字体样式为列表添加样式样式化链接Web 字体作业：排版社区大学首页CSS 排版CSS 布局介绍 CSS 布局常规流布局弹性盒子网格浮动定位多列布局响应式设计媒体查询入门指南传统的布局方法支持旧浏览器作业：基本布局理解JavaScript——用户端动态脚本JavaScript 第一步JavaScript 第一步什么是 JavaScript？JavaScript 初体验查找并解决 JavaScript 代码的错误如何存储你需要的信息——变量JavaScript 中的基础数学 — 数字和操作符文本处理——JavaScript 中的字符串有用的字符串方法数组笑话生成器JavaScript 基础创建 JavaScript 代码块在代码中做决定——条件语句循环吧，代码函数——可复用的代码块创建你自己的函数函数返回值事件介绍图片库JavaScript 对象介绍JavaScript 对象入门JavaScript 对象基础对象原型面向对象编程基本概念JavaScript 中的类使用 JSON实践对象构造为“弹球”示例添加新功能异步 JavaScript异步 JavaScript异步 JavaScript 简介如何使用 Promise如何实现基于 Promise 的 APIworkers 简介序列动画客户端 Web API客户端 Web APIWeb API 简介操作文档从服务器获取数据第三方 API绘图视频和音频 API客户端存储Web 表单——与用户数据打交道Web 表单核心Web 表单指南创建我的第一个表单如何构造 HTML 表单原生表单部件HTML5 的输入（input）类型其他表单控件样式化 HTML 表单表单样式化进阶UI 伪类表单数据校验发送表单数据Web 表单进阶如何构建自定义表单控件使用 JavaScript 发送表单表单控件兼容性列表旧式浏览器中的 HTML 表单无障碍——使每个人都能使用 Web无障碍指南无障碍什么是无障碍？HTML：无障碍的良好基础CSS 和 JavaScript 无障碍最佳实践WAI-ARIA 基础多媒体无障碍移动端无障碍测验：无障碍疑难解答性能——使网站快速响应性能指南Web 性能Web 性能的重要性什么是 web 性能？感知性能测量性能多媒体：图片多媒体：视频JavaScript 性能优化HTML 性能优化CSS 性能优化web 性能的商业案例MathML——使用 MathML 语言撰写数学表达式MathML 第一步MathML 入门概述MathML 使用入门MathML 文本容器MathML 分数和根号MathML 附加符号MathML 表格三个著名的数学公式游戏——开发 Web 游戏指南和基础教程Web 游戏开发简介游戏开发技术教程发布游戏工具与测试客户端 web 开发工具理解客户端 web 开发工具客户端工具概述命令行速成课软件包管理基础介绍完整的工具链部署我们的应用客户端框架介绍客户端框架介绍框架的主要特性ReactReact 入门开始我们的 React 待办清单组件化我们的 React AppReact interactivity: Events and state (en-US)React interactivity: Editing, filtering, conditional rendering (en-US)Accessibility in React (en-US)React resources (en-US)EmberGetting started with Ember (en-US)Ember app structure and componentization (en-US)Ember interactivity: Events, classes and state (en-US)Ember Interactivity: Footer functionality, conditional rendering (en-US)Routing in Ember (en-US)Ember resources and troubleshooting (en-US)Vue开始使用 Vue创建第一个 Vue 组件渲染 Vue 组件列表使用 Vue event、method 和 model 添加一个新的 todo 表单使用 CSS 为 Vue 组件添加样式Vue 中的计算属性Vue 中的条件渲染：编辑现有的待办事项使用 Vue 模板引用进行焦点管理Vue 资源SvelteSvelte 入门开始编写我们的 Svelte 待办事项列表应用程序Svelte 中的动态行为：变量和属性将我们的 Svelte 应用组件化Svelte 进阶：响应式、生命周期以及无障碍使用 Svelte storeTypeScript support in Svelte (en-US)部署以及下一步AngularAngular 入门Beginning our Angular todo list app (en-US)Styling our Angular app (en-US)Creating an item component (en-US)Filtering our to-do items (en-US)Building Angular applications and further resources (en-US)Git 和 GitHubGit 和 GitHub跨浏览器测试跨浏览器测试跨浏览器测试介绍进行测试的策略处理常见的 HTML 和 CSS 问题处理常见的 JavaScript 问题解决常见的无障碍问题实现特性检测自动化测试简介建立自己的自动化测试环境服务端网页编程第一步服务端网站编程的第一步服务端编程介绍客户端服务端交互概述服务端 web 框架站点安全Django Web 框架（Python）Django Web 框架 (python)Django 介绍设置 Django 开发环境Django Tutorial: The Local Library websiteDjango Tutorial Part 2: 创建网站的地基Django Tutorial Part 3: 使用模型Django Tutorial Part 4: Django 管理员站点Django 教程 5：主页构建Django 教程 6: 通用列表和详细信息视图Django 教程 7: 会话框架Django 教程 8：用户授权与许可Django 教程 9: 使用表单Django 教程 10: 测试 Django 网页应用Django 教程 11：部署 Django 到生产环境Django Web 应用安全评估：DIY Django 微博客Express Web 框架（Node.js/JavaScript）Express Web 框架（Node.js/JavaScript）Express/Node 入门设置 Node 开发环境Express 教程：本地图书馆网站Express 教程 2：创建站点框架Express 教程 3：使用数据库 (Mongoose)Express 教程 4：路由和控制器Express 教程 5: 呈现图书馆数据Express 教程 6: 使用表单Express 教程 7: 部署到生产环境更多资源常见问题常见问题使用 HTML 解决常见问题解决常见的 CSS 问题解决 JavaSctript 代码的常见问题Web 机制工具和安装设计与无障碍In this article什么是超链接？链接的解析统一资源定位符（URL）与路径（path）快速入门链接最佳实践主动学习：创建一个导航菜单电子邮件链接技能测试！小结创建超链接上一页
概述：Introduction to HTML
下一页
超链接非常重要——它们使互联网成为一个互联的网络。本文介绍了创建链接所需的语法，并且讨论了链接的最佳实践。
前提：
熟悉基本 HTML（包含在开始学习 HTML中），HTML 文本格式（包含在 HTML 文字处理基础中）。
目标：
学习如何有效地实现一个把多个文件链接在一起的超文本链接。
什么是超链接？超链接是互联网提供的最令人兴奋的创新之一，它们从一开始就一直是互联网的一个特性，使互联网成为互联的网络。超链接使我们能够将我们的文档链接到任何其他文档（或其他资源），也可以链接到文档的指定部分，我们可以在一个简单的网址上提供应用程序。几乎任何网络内容都可以转换为链接，点击（或激活）超链接将使网络浏览器转到另一个网址（URL）。
备注： URL 可以指向 HTML 文件、文本文件、图像、文本文档、视频和音频文件以及可以在网络上保存的任何其他内容。如果浏览器不知道如何显示或处理文件，它会询问你是否要打开文件（需要选择合适的本地应用来打开或处理文件）或下载文件（以后处理它）。
以 BBC 的主页为例，里面就包含了非常多的链接，各自连到不同新闻、网站的其他地方（导航功能），或者登入/注册页面（用户工具）等等。
链接的解析通过将文本或其他内容包裹在 元素内，并给它一个包含网址的 href 属性（也称为超文本引用或目标，它将包含一个网址）来创建一个基本链接。
html
我创建了一个指向
Mozilla 主页的链接。
结果如下所示：
我创建了一个指向 Mozilla 主页的链接。块级链接就像之前提到的那样，任何内容，甚至块级内容都可以作为链接出现。如果想让标题元素变为链接，就把它包裹在锚点元素（）内，像这个代码段一样：
MDN Web 文档
自从 2005 年起，就开始记载包括 CSS、HTML、JavaScript 等网络技术。
它将标题转化为了链接：图片链接如果有需要作为链接的图片，使用 元素来包裹要引用图片的 元素。
img {
height: 100px;
width: 150px;
border: 1px solid gray;
}
它将 MDN 徽标转化为了链接：
备注： 你会在以后的文章中了解到更多如何在 Web 中使用图片的信息。
使用 title 属性添加支持信息你可能要添加到你的链接的另一个属性是 title。这旨在包含关于链接的补充信息，例如页面包含什么样的信息或需要注意的事情。
html
我创建了一个指向 href="https://www.mozilla.org/zh-CN/" title="了解 Mozilla 使命以及如何参与贡献的最佳站点。" >Mozilla 主页
>的超链接。
结果如下（当鼠标指针悬停在链接上时，标题将作为提示信息出现）：
备注： 链接的标题仅当鼠标悬停在其上时才会显示，这意味着使用键盘来导航网页的人很难获取到标题信息。如果标题信息对于页面非常重要，你应该使用所有用户能都方便获取的方式来呈现，例如放在常规文本中。
主动学习：创建你自己的示例链接使用本地代码编辑器和我们的入门模板来创建一个 HTML 文档。
在 HTML 内，尝试添加一个或者多个段落或其他你知道类型的内容。
将某些内容转换为链接。
包含 title 属性。
统一资源定位符（URL）与路径（path）快速入门要全面地了解链接目标，你需要了解统一资源定位符和文件路径。本小节将介绍相关的信息。
统一资源定位符（Uniform Resource Locator，URL）是一个定义了在网络上的位置的一个文本字符串。例如，Mozilla 的简体中文主页位于 https://www.mozilla.org/zh-CN/。
URL 使用路径查找文件。路径指定文件系统中你感兴趣的文件所在的位置。看一下一个简单的目录结构的例子（参见创建超链接目录）。
此目录结构的根目录称为 creating-hyperlinks。当在本地处理网站时，你会有一个包含整个网站的目录。在根目录，我们有 index.html 和 contacts.html 文件。在真实的网站上，index.html 将会成为我们的主页或着陆页（作为网站或网站特定部分的入口的网页）。
我们的根目录还有两个目录——pdfs 和 projects，它们分别包含一个 PDF（project-brief.pdf）文件和一个 index.html 文件。请注意你可以在同一项目中有两个 index.html 文件，前提是他们在不同的文件系统目录下。第二个 index.html 或许是项目相关信息的着陆页。
指向当前目录：如果你想在 index.html（顶层 index.html）中包含一个指向 contacts.html 的超链接，你只需要指定想要链接到的文件名。因为它与当前文件是在同一个目录的，所以你应该使用的 URL 是 contacts.html：
html
要联系某位工作人员，请访问我们的联系人页面。
指向子目录：如果你想在 index.html （顶层 index.html）中包含一个指向 projects/index.html 的超链接，你需要先进入 projects 项目目录，然后通过指定目录的名称，然后是正斜杠，然后是文件的名称指明要链接到的文件 index.html。因此你要使用的 URL 是 projects/index.html：
html
请访问我的项目主页。
指向上级目录：如果你想在 projects/index.html 中包含一个指向 pdfs/project-brief.pdf 的超链接，你必须先返回上级目录，然后再回到 pdfs 目录。“返回上一个目录级”使用两个英文点号表示（..），因此你应该使用的 URL 是 ../pdfs/project-brief.pdf：
html
点击打开项目简介。
备注： 如果需要，你可以将这些功能的多个实例组合成复杂的 URL。例如 ../../../complex/path/to/my/file.html。
文档片段超链接除了可以链接到文档外，也可以链接到 HTML 文档的特定部分（被称为文档片段）。要做到这一点，你必须首先给要链接到的元素分配一个 id 属性。通常情况下，链接到一个特定的标题是有意义的，这看起来就像下面这样：
html
邮寄地址
为了链接到那个特定的 id，要将它放在 URL 的末尾，并在前面包含井号（#），例如：
html
要提供意见和建议，请将信件邮寄至 >我们的地址 >。
你甚至可以在同一份文档下，通过链接文档片段，来链接到当前文档的另一部分：
html
本页面底部可以找到公司邮寄地址。
绝对 URL 和相对 URL你可能会在网络上遇到两个术语，绝对 URL 和相对 URL（或者称为，绝对链接和相对链接）：
绝对 URL：指向由其在 Web 上的绝对位置定义的位置，包括协议和域名。像下面的例子，如果 index.html 页面上传到了 projects 这一个目录。并且 projects 目录位于 web 服务站点的根目录，web 站点的域名为 https://www.example.com，那么这个页面就可以通过 https://www.example.com/projects/index.html 访问（或者通过 https://www.example.com/projects/ 来访问，因为在没有指定特定的 URL 的情况下，大多数 web 服务器会默认访问加载 index.html 这类页面）
不管绝对 URL 在哪里使用，它总是指向确定的相同位置。
相对 URL：指向与你链接的文件相关的位置，更像我们在前面一节中所看到的位置。例如，如果我们想从示例文件链接 https://www.example.com/projects/index.html 转到相同目录下的一个 PDF 文件，URL 就是文件名（例如 project-brief.pdf），没有其他的信息要求。如果 PDF 文件能够在 projects 的子目录 pdfs 中访问到，相对路径就是 pdfs/project-brief.pdf（对应的绝对 URL 是 https://www.example.com/projects/pdfs/project-brief.pdf）
一个相对的 URL 将指向不同的位置，这取决于引用的文件的实际位置——例如，如果我们把 index.html 文件从 projects 目录移动到 Web 站点的根目录（最高级别，而不是任何目录中），里面的 pdfs/project-brief.pdf 相对 URL 将会指向 https://www.example.com/pdfs/project-brief.pdf，而不是 https://www.example.com/projects/pdfs/project-brief.pdf
当然，project-brief.pdf 文件和 pdfs 文件夹的位置不会因为你移动了 index.html 文件而突然发生变化——这将使你的链接指向错误的位置，因此如果单击它，它将无法工作。你得小心点！链接最佳实践下面是一些在编写链接时可以遵循的最佳实践。使用清晰的链接措辞把链接放在你的页面上很容易。这还不够。我们需要让所有的读者都可以使用链接，无论他们当前的环境和用于访问的工具（无障碍）。例如：
使用屏幕阅读器的用户喜欢从页面上的一个链接跳到另一个链接，并且脱离上下文来阅读链接。
搜索引擎使用链接文本来索引目标文件，所以在链接文本中包含关键词是一个很好的主意，以有效地描述与之相关的信息。
读者往往会浏览页面而不是阅读每一个字，他们的眼睛会被页面的特征所吸引，比如链接。他们会找到描述性的链接。
下面是一个具体的例子：
好的链接文本：下载 Firefox
html
不好的链接文本：点击这里下载 Firefox
html
点击这里 下载 Firefox
其他提示：
不要重复 URL 作为链接文本的一部分——URL 看起来很丑，当屏幕阅读器一个字母一个字母的读出来的时候听起来就更丑了。
不要在链接文本中说“链接”或“链接到”——它只是无用的内容。屏幕阅读器告诉人们有一个链接。可视化用户也会知道有一个链接，因为链接通常是用不同的颜色设计的，并且存在下划线（这个惯例一般不应该被打破，因为用户习惯了它）。
保持你的链接标签尽可能短——这非常重要，因为屏幕阅读器需要解释整个链接文本。
尽量减少相同文本的多个副本链接到不同地方的情况。如果存在标记为“单击此处”、“单击此处”、“单击此处”这样脱离上下文的链接文本，容易对使用屏幕阅读器的用户带来问题。
链接到非 HTML 资源——留下清晰的指示当链接到一个需要下载的资源（如 PDF 或 Word 文档）或流媒体（如视频或音频）或有另一个潜在的意想不到的效果（打开一个弹出窗口），你应该添加明确的措辞，以减少混乱。
如下的例子会让人反感：
你在使用低带宽连接的情况下，点击一个链接，意外地突然开始下载大文件。
让我们看看一些例子，看看在这里可以使用什么样的文本：
html
下载销售报告（PDF，大小为 10 MB）
观看视频（将在新标签页中播放，HD 画质）
在下载链接时使用 download 属性当你链接到要下载的资源而不是在浏览器中打开时，你可以使用 download 属性来提供一个默认的保存文件名。下面是一个 Firefox 的 Windows 最新版本下载链接的示例：
html href="https://download.mozilla.org/?product=firefox-latest-ssl&os=win64&lang=zh-CN" download="firefox-latest-64bit-installer.exe"> 下载最新的 Firefox 中文版 - Windows（64 位） 主动学习：创建一个导航菜单在这个练习中，我们希望你把一些页面和导航菜单链接起来，创建一个多页面的网站。这是创建网站的一种常见方式——每个页面都使用相同的页面结构，包括相同的导航菜单，所以当点击链接时，给人的印象是你停留在同一个地方，而不同的内容被带了出来。 你需要将以下四页的本地副本放在同一目录中。有关完整的文件列表，请参见 navigation-menu-start 目录： index.html projects.html pictures.html social.html 你应该： 在一个页面上的指定位置添加一个无序列表，其中包含要链接到的页面的名称。导航菜单通常只是一个链接列表，因此这在语义上是确定的。 将每个页面名称转换为该页的链接。 将导航菜单复制到每个页面。 在每一页上，只删除同一页的链接——一个页面包含自己的链接是令人困惑和毫无意义的，而缺少链接会对你当前的页面起到很好的视觉提示作用。 最终的例子应该是这样的： 备注： 如果你卡住了，或者不确定是否正确，可以访问 navigation-menu-marked-up 目录，来查看正确的答案。 电子邮件链接当点击一个链接或按钮时，可能会开启新的邮件的发送而不是连接到一个资源或页面。这种场景可以使用 元素和 mailto: URL 协议实现。 其最基本和最常用的使用形式为一个指明收件人电子邮件地址的 mailto: 链接。例如： html向 nowhere 发邮件 这会创建一个链接，看起来像这样：向 nowhere 发邮件。 实际上，电子邮件地址是可选的。如果你省略了它（也就是说，你的 href 属性仅仅只是简单的“mailto:”），发送新的电子邮件的窗口也会被用户的邮件客户端打开，只是没有收件人的地址信息，这通常在“分享”链接是很有用的，用户可以给他们选择的地址发送邮件。指定详细信息除了电子邮件地址，你还可以提供其他信息。事实上，任何标准的邮件头字段可以被添加到你提供的 mailto URL 中。其中最常用的是主题（subject）、抄送（cc）和主体（body）（这不是一个真正的标头字段，但允许你为新邮件指定一个简短的内容消息）。每个字段及其值被指定为查询项。 下面是一个包含 cc、bcc、主题和主体的示例： html href="mailto:nowhere@mozilla.org?cc=name2@rapidtables.com&bcc=name3@rapidtables.com&subject=The%20subject%20of%20the%20email&body=The%20body%20of%20the%20email"> 发送含有 cc、bcc、主题和主体的邮件 备注： 每个字段的值必须使用 URL 编码，即使用百分号转义的非打印字符（不可见字符如制表符、换行符、分页符）和空格。同时注意使用问号（?）来分隔主 URL 与参数值，以及使用 & 符来分隔 mailto: URL 中的各个参数。这是标准的 URL 查询标记方法。阅读 GET 方法以了解哪种 URL 查询标记方法是更常用的。 这里有一些其他的示例 mailto 链接： mailto: mailto:nowhere@mozilla.org mailto:nowhere@mozilla.org,nobody@mozilla.org mailto:nowhere@mozilla.org?cc=nobody@mozilla.org mailto:nowhere@mozilla.org?cc=nobody@mozilla.org&subject=This%20is%20the%20subject 技能测试！你已经到了这篇文章的结尾，但还能记住最重要的信息吗？你可以找到一些进一步的测试，以验证你在继续前进之前已经保留了这些信息——见技能测试：链接 (en-US)。小结这就是链接！在课程的后期，当你开始研究链接的样式时，会回顾链接部分。接下来是 HTML，我们将回顾文本语义，并查看一些你会发现有用的更高级/不寻常的功能，文本格式进阶是你的下一站。 上一页 概述：Introduction to HTML 下一页 Help improve MDNWas this page helpful to you?YesNoLearn how to contribute.This page was last modified on 2023年11月30日 by MDN contributors.View this page on GitHub• Report a problem with this contentMDN logoYour blueprint for a better internet.MDN on MastodonMDN on X (formerly Twitter)MDN on GitHubMDN Blog RSS FeedMDNAboutBlogCareersAdvertise with usSupportProduct helpReport an issueOur communitiesMDN CommunityMDN ForumMDN ChatDevelopersWeb TechnologiesLearn Web DevelopmentMDN PlusHacks BlogMozilla logoWebsite Privacy NoticeCookiesLegalCommunity Participation GuidelinesVisit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.Portions of this content are ©1998–2024 by individual mozilla.org contributors. Content available under a Creative Commons licen HTML 链接 | 菜鸟教程 菜鸟教程 -- 学的不仅是技术，更是梦想！ 首页 HTML CSS JavaScript Vue Bootstrap NodeJS Python3 Python2 Java C C++ C# Go SQL Linux jQuery 本地书签 首页 HTML CSS JS 本地书签 Search Python3 教程 Python2 教程 Vue3 教程 vue2 教程 Bootstrap3 教程 Bootstrap4 教程 Bootstrap5 教程 Bootstrap2 教程 HTML 教程 HTML 教程 HTML 简介 HTML 编辑器 HTML 基础 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 文本格式化 HTML 链接 HTML 头部 HTML CSS HTML 图像 HTML 表格 HTML 列表 HTML 区块 HTML 布局 HTML 表单 HTML 框架 HTML 颜色 HTML 颜色名 HTML 颜色值 HTML 脚本 HTML 字符实体 HTML URL HTML 速查列表 HTML 标签简写及全称 HTML 总结 XHTML 简介 HTML5 HTML5 教程 HTML5 浏览器支持 HTML5 新元素 HTML5 Canvas HTML5 SVG HTML5 MathML HTML5 拖放 HTML5 地理定位 HTML5 Video(视频) HTML5 Audio(音频) HTML5 Input 类型 HTML5 表单元素 HTML5 表单属性 HTML5 语义元素 HTML5 Web 存储 HTML5 Web SQL HTML5 应用程序缓存 HTML5 Web Workers HTML5 SSE HTML5 WebSocket HTML5 测验 HTML(5) 代码规范 HTML 媒体 HTML 媒体(Media) HTML 插件 HTML 音频(Audio) HTML 视频（Video）播放 HTML 实例 HTML 参考手册
HTML 标签列表(字母排序)
HTML 标签列表（功能排序）
HTML 属性
HTML 事件
HTML 画布
HTML 音频/视频
HTML 有效DOCTYPES
HTML 颜色名
HTML 拾色器
HTML 字符集
HTML ASCII
HTML ISO-8859-1
HTML 符号
HTML URL 编码
HTML 语言代码
HTTP 消息
HTTP 方法
键盘快捷键 HTML 文本格式化 HTML 头部 HTML 链接
HTML 使用超级链接与网络上的另一个文档相连。
HTML中的链接是一种用于在不同网页之间导航的元素。链接通常用于将一个网页与另一个网页或资源（如文档、图像、音频文件等）相关联。链接允许用户在浏览网页时单击文本或图像来跳转到其他位置，从而实现网页之间的互联。
尝试一下 - 实例 HTML 链接
如何在 HTML 文档中创建链接。
(可以在本页底端找到更多实例) HTML 超链接（链接） HTML使用标签 来设置超文本链接。 超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。 当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。 默认情况下，链接将以以下形式出现在浏览器中： 一个未访问过的链接显示为蓝色字体并带有下划线。 访问过的链接显示为紫色并带有下划线。 点击链接时，链接显示为红色并带有下划线。 注意：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。 HTML 链接语法 以下是 HTML 中创建链接的基本语法和属性： 元素：创建链接的主要HTML元素是（锚）元素。元素具有以下属性： href：指定链接目标的URL，这是链接的最重要属性。可以是另一个网页的URL、文件的URL或其他资源的URL。target（可选）：指定链接如何在浏览器中打开。常见的值包括 _blank（在新标签或窗口中打开链接）和 _self（在当前标签或窗口中打开链接）。title（可选）：提供链接的额外信息，通常在鼠标悬停在链接上时显示为工具提示。rel（可选）：指定与链接目标的关系，如 nofollow、noopener 等。 链接的 HTML 代码很简单，它类似这样： href 属性描述了链接的目标。 实例 上面这行代码显示为：访问菜鸟教程 点击这个超链接会把用户带到菜鸟教程的首页。 提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。 文本链接：最常见的链接类型是文本链接，它使用 元素将一段文本转化为可点击的链接，例如： 图像链接：您还可以使用图像作为链接。在这种情况下， 元素包围着 锚点链接：除了链接到其他网页外，您还可以在同一页面内创建内部链接，这称为锚点链接。要创建锚点链接，需要在目标位置使用 元素定义一个标记，并使用#符号引用该标记。例如：
下载链接：如果您希望链接用于下载文件而不是导航到另一个网页，可以使用 download 属性。例如：
HTML 链接 - target 属性 使用 target 属性，你可以定义被链接的文档在何处显示。 下面的这行会在新窗口打开文档： 实例 尝试一下 » HTML 链接- id 属性 id 属性可用于创建一个 HTML 文档书签。 提示: 书签不会以任何特殊方式显示，即在 HTML 页面中是不显示的，所以对于读者来说是隐藏的。 实例 在HTML文档中插入ID: 在HTML文档中创建一个链接到"有用的提示部分(id="tips"）"： 或者，从另一个页面创建一个链接到"有用的提示部分(id="tips"）"： 访问有用的提示部分 基本的注意事项 - 有用的提示注释： 请始终将正斜杠添加到子文件夹。假如这样书写链接：href="https://www.runoob.com/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="https://www.runoob.com/html/"。 更多实例 图片链接
如何使用图片链接。
在当前页面链接到指定位置
如何使用书签
跳出框架
本例演示如何跳出框架，假如你的页面被固定在框架之内。
创建电子邮件链接
本例演示如何链接到一个邮件。（本例在安装邮件客户端程序后才能工作。）创建电子邮件链接 2
本例演示更加复杂的邮件链接。HTML 链接标签 标签描述 HTML 文本格式化 HTML 头部 5 篇笔记 写笔记 #0 Elvirangel zha***r601@163.com 433关于创建电子邮件链接时如何发送邮件内容 在进行邮件内容发送时，需要使用关键字：mailto 示例如下： 尝试一下 » 这样会调启系统默认的邮件程序发送给 zhangrr601@163.com，并且收件人那里已经填上了我邮箱的地址。 关于创建电子邮件链接时如何进行抄送，密送. 在进行抄送时，需要使用关键字：cc 在进行密送时，需要使用关键字：bcc 示例如下： 尝试一下 » 参数说明： 参数 描述 mailto:name@email.com 邮件接收地址 cc=name@email.com 抄送地址 bcc=name@email.com 密件抄送地址 subject=subject text 邮件主题 body=body text 邮件内容 ? 第一个参数分隔符 & 其他参数分隔符 注：多个邮件地址用 ; 隔开，空格用 %20 代替。 Elvirangel Elvirangel zha***r601@163.com6年前 (2018-03-09) #0 grow 149***3459@qq.com 参考地址 269抄送： 英文名称：Carbon Copy，又简称为 CC。在网络术语中，抄送就是将邮件同时发送给收信人以外的人，用户所写的邮件抄送一份给别人，对方可以看见该用户的 E-mail。同收件人地址栏一样，不可以超过 1024 个字符。一般来说，使用"抄送"服务时，多人抄送的电子邮件地址使用 ; 分隔。 密件抄送： 英文名称：Blind Carbon Copy ，又称“盲抄送”，和抄送的唯一区别就是它能够让各个收件人无法查看到这封邮件同时还发送给了哪些人。密件抄送是个很实用的功能，假如一次向成百上千位收件人发送邮件，最好采用密件抄送方式，这样一来可以保护各个收件人的地址不被其他人轻易获得，二来可以使收件人节省下收取大量抄送的 E-mail 地址的时间。grow grow 149***3459@qq.com 参考地址5年前 (2018-11-05) #0 nofllow 118***8715@qq.com 208nofollow 是 HTML 页面中 a 标签的属性值。这个标签的意义是告诉搜索引擎"不要追踪此网页上的链接或不要追踪此特定链接"。 nofollow 是 HTML 页面中 a 标签的属性值。它的出现为网站管理员提供了一种方式，即告诉搜索引擎"不要追踪此网页上的链接"或"不要追踪此特定链接"。这个标签的意义是告诉搜索引擎这个链接不是经过作者信任的，所以这个链接不是一个信任票。nofllow nofllow 118***8715@qq.com5年前 (2019-01-27) #0 runoob 171***2104@qq.com 602访问菜鸟教程! 后面最好加上： rel="noopener noreferrer"意思是不会打开其他的网站，因为恶意病毒可能会修改你的浏览器空白页地址。runoob runoob 171***2104@qq.com5年前 (2019-03-15) #0 夜刃 236***332@qq.com 196target属性问题target="_blank":在新窗口中浏览新的页面。 target="_self":在同一个窗口打开新的页面。 target="_parent":在父窗口中打开新的页面。（页面中使用框架才有用） target="_top" :以整个浏览器作为窗口显示新页面。（突破了页面框架的限制）夜刃 夜刃 236***332@qq.com2年前 (2022-09-08) 点我分享笔记 取消 分享笔记 昵称昵称 (必填) 邮箱邮箱 (必填) 引用地址引用地址 分类导航 HTML / CSSHTML 教程HTML5 教程CSS 教程CSS3 教程Bootstrap3 教程Bootstrap4 教程Bootstrap5 教程Font Awesome 教程Foundation 教程 JavaScriptJavaScript 教程HTML DOM 教程jQuery 教程AngularJS 教程AngularJS2 教程Vue.js 教程Vue3 教程React 教程TypeScript 教程jQuery UI 教程jQuery EasyUI 教程Node.js 教程AJAX 教程JSON 教程Echarts 教程Chart.js 教程Highcharts 教程Google 地图 教程 服务端Python 教程Python2.x 教程Linux 教程Docker 教程Ruby 教程Java 教程C 教程C++ 教程Perl 教程Servlet 教程JSP 教程Lua 教程Rust 教程Scala 教程Go 教程PHP 教程数据结构与算法Django 教程FastAPI 教程Zookeeper 教程设计模式正则表达式Maven 教程Verilog 教程ASP 教程AppML 教程VBScript 教程 数据库SQL 教程MySQL 教程PostgreSQL 教程SQLite 教程MongoDB 教程Redis 教程Memcached 教程 数据分析Python 教程NumPy 教程Pandas 教程Matplotlib 教程Scipy 教程R 教程Julia 教程 移动端Android 教程Swift 教程jQuery Mobile 教程ionic 教程Kotlin 教程 XML 教程XML 教程DTD 教程XML DOM 教程XSLT 教程XPath 教程XQuery 教程XLink 教程XPointer 教程XML Schema 教程XSL-FO 教程SVG 教程 ASP.NETASP.NET 教程C# 教程Web Pages 教程Razor 教程MVC 教程Web Forms 教程 Web ServiceWeb Service 教程WSDL 教程SOAP 教程RSS 教程RDF 教程 开发工具Eclipse 教程Git 教程Svn 教程Markdown 教程 网站建设HTTP 教程网站建设指南浏览器信息网站主机教程TCP/IP 教程W3C 教程网站品质 Advertisement 反馈/建议 在线实例 ·HTML 实例 ·CSS 实例 ·JavaScript 实例 ·Ajax 实例 ·jQuery 实例 ·XML 实例 ·Java 实例 字符集&工具 · HTML 字符集设置 · HTML ASCII 字符集 · JS 混淆/加密 · PNG/JPEG 图片压缩 · HTML 拾色器 · JSON 格式化工具 · 随机数生成器 最新更新 · Rust 宏 · Seaborn 教程 · Pandas 相关性分析 · 31.2k star, 免... · Dev Home —... · 免费开源的 AI ... · 11.2k star, 免... 站点信息 · 意见反馈 · 免责声明 · 关于我们 · 文章归档 关注微信 Copyright © 2013-2024 菜鸟教程 runoob.com All Rights Reserved. 备案号：闽ICP备15012807号-1 微信关注 HTML 教程 HTML 基础 HTML 介绍 HTML 概述 开始学习 HTML head 标签里面有什么？HTML 中的元数据 HTML 文本基础 建立超链接 高级文本格式 文档和网站架构 HTML 调试 测验：标记信件 测验：构建网页内容 多媒体与嵌入 多媒体与嵌入概述 HTML 中的图片 视频和音频内容 从 object 到 iframe——其他嵌入技术 为 web 新增矢量图 响应式图片 测验：Mozilla 醒目页面 HTML 表格 HTML 表格概述 HTML 表格基础 HTML 高级表格特性和无障碍 测验：构建行星数据 参考： HTML 元素 已弃用HTML 链接 | 菜鸟教程
元素。例如：
：锚元素 - HTML（超文本标记语言） | MDN
锚元素 - HTML（超文本标记语言） | MDNSkip to main contentSkip to searchSkip to select languageMDN Web DocsOpen main menuReferencesReferencesOverview / Web TechnologyWeb technology reference for developersHTMLStructure of content on the webCSSCode used to describe document styleJavaScriptGeneral-purpose scripting languageHTTPProtocol for transmitting web resourcesWeb APIsInterfaces for building web applicationsWeb ExtensionsDeveloping extensions for web browsersWeb TechnologyWeb technology reference for developersGuidesGuidesOverview / MDN Learning AreaLearn web developmentMDN Learning AreaLearn web developmentHTMLLearn to structure web content with HTMLCSSLearn to style content using CSSJavaScriptLearn to run scripts in the browserAccessibilityLearn to make the web accessible to allPlusPlusOverviewA customized MDN experienceAI Help (beta)Get real-time assistance and supportUpdatesAll browser compatibility updates at a glanceDocumentationLearn how to use MDN PlusFAQFrequently asked questions about MDN PlusCurriculumNewBlogPlayAI Help BetaSearch MDNClear search inputSearchThemeLog inSign up for freeWeb 开发技术HTML（超文本标记语言）HTML 元素参考Article Actions中文 (简体)此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。Filter sidebarClear filter inputIn this article尝试一下属性示例安全与隐私无障碍技术概要规范浏览器兼容性参见
已弃用