美文网首页
建立超链接

建立超链接

作者: MajorDong | 来源:发表于2019-02-24 23:19 被阅读0次

什么是超链接

超链接是互联网提供的最令人兴奋的创新之一,它们从一开始就一直是互联网的一个功能,使互联网成为互联的网络。超链接使我们能够将我们的文档链接到任何其他文档(或其他资源),也可以链接到文档的指定部分,我们可以在一个简单的网址上提供应用程序(与必须先安装的本地应用程序或其他东西相比)。几乎任何网络内容都可以转换为链接,点击(或激活)超链接将使网络浏览器转到另一个网址(URL)。

注意:URL可以指向HTML文件、文本文件、图像、文本文档、视频和音频文件以及可以在网络上保存的任何其他内容。 如果浏览器不知道如何显示或处理文件,它会询问您是否要打开文件(需要选择合适的本地应用来打开或处理文件)或下载文件(以后处理它)。

链接的解析

通过将文本(或其他内容,见块级链接)转换为<a>元素内的链接来创建基本链接, 给它一个[href]属性(也称为目标),它将包含您希望链接指向的网址。

<p>I'm creating a link to
<a href="https://www.mozilla.org/en-US/">the Mozilla homepage</a>.
</p>

使用title属性添加支持信息

添加到到链接的另一个属性是标题;包含关于链接的补充有用的信息,例如页面包含什么样的信息或需要注意的事情。

<p>I'm creating a link to
<a href="https://www.mozilla.org/en-US/"
   title="The best place to find more information about Mozilla's
          mission and how to contribute">the Mozilla homepage</a>.
</p>

块级链接

可以将一些内容转换为链接,包括块级元素。如果想要将一个图像转换为链接,只需要把图象放到<a></a>标签中间。

<a href="https://www.mozilla.org/en-US/">
  <img src="mozilla-image.png" alt="mozilla logo that links to the mozilla homepage">
</a>

链接最佳实践

  • 用清晰的链接措辞
  • 尽可能使用相对链接
  • 链接到非html资源 留下清晰的指示
  • 在下载链接是使用下载属性
    当您链接到要下载的资源而不是在浏览器中打开时,您可以使用下载属性来提供一个默认的保存文件名。下面是一个下载链接到Firefox 的 Windows最新版本的示例:
<a href="https://download.mozilla.org/?product=firefox-latest-ssl&os=win64&lang=en-US"
   download="firefox-latest-64bit-installer.exe">
  Download Latest Firefox for Windows (64-bit) (English, US)
</a>

电子邮件链接

当点击一个链接或者按钮时,打开一个新的电子邮件发送信息而不是连接到一个资源或者页面,这种情况是可能做到的。这样做是使用<a>元素和mailto:URL的方案。
最基本和常用的使用形式为一个mailto:link(链接),链接简单说明收件人的电子邮箱地址。

<a href="mailto:nowhere@mozilla.org">Send email to nowhere</a>

实际上,邮件地址甚至是可选的。如果你忘记了(href="mailto:"),一个新的发送电子邮件的窗口也会被用户的邮件客服端打开,只是没有收件人的地址信息,这通常在“分享”链接是很有用的,用户可以发送给他们选择的地址邮件。

具体细节

还以可提供其它信息。任何标准的邮件头字段可以被添加到你提供的邮件URL。其中最常用的主题(subject)、抄送(cc)、和主体(body)

<a href="mailto:nowhere@mozilla.org?cc=name2@rapidtables.com&bcc=name3@rapidtables.com&amp;subject=The%20subject%20of%20the%20email &amp;body=The%20body%20of%20the%20email">
  Send mail with cc, bcc, subject and body
</a>

意: 每个字段的值必须是URL编码的。 也就是说,不能有非打印字符(不可见字符比如制表符、换行符、分页符)和空格 percent-escaped. 同时注意使用问号(?)来分隔主URL与参数值,以及使用&符来分隔mailto:中的各个参数。 这是标准的URL查询标记方法。阅读 The GET method 以了解哪种URL查询标记方法是更常用的。

相关文章

  • 建立超链接

    什么是超链接 超链接是互联网提供的最令人兴奋的创新之一,它们从一开始就一直是互联网的一个功能,使互联网成为互联的网...

  • 超链接

    超链接是超级链接的简称,又可以分为:文本超链接,图像超链接,多媒体文件链接,等,可以根据互联网用户需要,建立起不同...

  • 批量建立图片超链接

    VBA代码参考

  • HTML5图像映射

    为图片建立超链接(img元素) 由于img元素是行内级元素,所以可以使用a元素为图片定义超链接。当用户单机图片是就...

  • iOS-UILabel建立超链接

  • HTML学习笔记(一)

    本节学习内容 HTML说明 HTML头部标记 标题字 段落标记 建立超链接 使用图像

    【特别关注】

    鉴于简书没有特别关注的功能,这里建立一个超链接。 Via lactea[https://www.jianshu.c...

  • 8.10个小技巧

    1.快速制作目录 超链接 手动插入超链接 超链接函数插入超链接 =HYPERLINK("#"&a2&"!A!",A...

  • web前端超链接及CSS选择器的用法

    超链接 超链接是HTML5中常用的链接之一,超链接可以实现页面与页面的对接 超链接的规范写法 关于超链接的小练习 ...

  • iOS MZSelectableLabel使用(建立富文本超链接

    最近做UIlabel的超链接显示,用到了MZSelectableLabel,下面给大家介绍一下使用方法。 首先从网...

网友评论

      本文标题:建立超链接

      本文链接:https://www.haomeiwen.com/subject/ibsfyqtx.html