Link types
Link types
在 HTML 中，下面的链接类型指示两个文件，其中一个链接到其他使用之间的关系<a>，<area>或<link>元件。
| 链接类型 | 描述 | 允许在这些元素中 | 不允许在这些元素中使用 |
|---|---|---|---|
| 备用 | 如果元素是<link>，并且 rel 属性也包含样式表类型，则该链接定义一个替代样式表; 在这种情况下，title 属性必须存在，而不是空字符串。如果类型设置为 application / rss + xml或application / atom + xml，则链接定义联合供稿。在页面上定义的第一个是默认的。否则，该链接定义了以下其中一种类型的替代页面：对于另一种媒体（如手持设备（如果媒体属性已设置））以另一种语言（如果设置了 hreflang 属性），则以另一种格式 PDF（如果设置了类型属性）这些的组合 | <a>，<area>，<link> | 无 |
| 档案 | 定义超链接指向包含该链接的文档的文档。例如，博客条目可以通过这种方式链接到月度索引页面。注意：虽然已被识别，但单个存档不正确，必须予以避免。 | <a>，<area>，<link> | 无 |
| 作者 | 定义超链接到描述作者的页面或提供联系作者的方式。注意：这可能是一个 mailto：超链接，但不推荐在公共页面上使用，因为机器人收割机很快会导致大量垃圾邮件被发送到该地址。在这种情况下，最好导向包含联系表单的页面。尽管可以识别，链接类型为的<a>，<area>或<link>元素的rev属性不正确，应该用此链接类型的rel属性替换。 | <a>，<area>，<link> | 无 |
| 书签 | 指示超链接是最近的父级<article>元素的永久链接。如果没有，则该元素与该元素最密切相关的部分是永久链接。这允许为包含多篇文章的页面中的单个文章添加书签，例如每月总结博客页面或博客聚合器。 | <a>，<area> | <link> |
| 典范 | 来自维基百科，自由的百科全书：Canonical_link_element 规范链接元素是一种 HTML 元素，通过将网页的“规范”或“首选”版本指定为搜索引擎优化的一部分，帮助网站管理员防止重复的内容问题。 | <链路> | ??? |
| DNS预取 | 提示浏览器需要资源，以便浏览器在用户单击链接之前执行DNS查找和协议握手。 | <链路> | <a>，<area> |
| 外部 | 表示超链接导致当前页面的站点之外的资源; 也就是说，下面的链接将使用户离开网站。 | <a>，<area> | <link> |
| 第一 | 指示超链接会导致当前页面所在序列的第一个资源。注意：与链接同一序列中的资源相关的其他链接类型为 last，prev，next 。虽然被认可，但同义词开始和开始都是不正确的，必须避免。 | <a>，<area>，<link> | 无 |
| 帮帮我 | 如果元素是<a>或<区域>，则表明该超链接导致资源对元素的父元素及其后代提供进一步的帮助。如果该元素是<link>，则表明该超链接导致资源进一步帮助整个页面。 | <a>，<area>，<link> | 无 |
| 图标 | 定义用于在用户界面中表示页面的资源，通常是图标（听觉或视觉）。媒体，类型和尺寸属性允许浏览器为其上下文选择最合适的图标。如果多个资源匹配，浏览器将按树形顺序选择最后一个声明。由于这些属性仅仅是提示，并且在进一步检查时资源可能不合适，因此浏览器将在适当的情况下选择另一个。注意：与其他移动浏览器一样，Apple 的 iOS 不使用此链接类型，也不使用 sizes 属性来为 Web Clip 或启动占位符选择网页图标。相反，它分别使用非标准的 apple-touch-icon 和 apple-touch-startup-image。快捷链接类型通常出现在图标之前，但该链接类型不符合要求， | <链路> | <a>，<area> |
| 指数 | 指示该页面是分层结构的一部分，并且该超链接将导致该结构的顶级资源。如果还存在一个或多个上行链接类型，则这些向上的数字表示层次结构中当前页面的深度。 | <a>，<area>，<link> | 无 |
| 持续 | 表示超链接指向当前页面所在序列的最后一个资源。注意：与以相同顺序链接资源相关的其他链接类型为first，prev，next。虽然被认可，但同义词的结尾是不正确的，必须避免。 | <a>，<area>，<link> | 无 |
| 执照 | 指示超链接导致描述许可信息的文档。如果不在 <head> 元素中，则标准不会区分应用于文档的特定部分或作为整体的文档的超链接。只有页面上的数据可以表明这一点。注意：虽然被认可，但同义词版权不正确，必须避免。 | <a>，<area>，<link> | 无 |
| 表现 | 表示链接的文件是 Web 应用程序清单。 | <链路> | <a>，<area> |
| 下一个 | 表示超链接导致当前页面所在序列的下一个资源。注意：与以相同顺序链接资源相关的其他链接类型为 first，prev，last 。 | <a>，<area>，<link> | 无 |
| nofollow的 | 表示链接的文档没有被本文的作者认可，例如，如果它不能控制它，如果它是一个不好的例子或者两者之间存在商业关系（销售链接）。这种链接类型可以被一些使用流行排名技术的搜索引擎使用。 | <a>，<area> | <link> |
| noopener | 指示浏览器打开链接，而不授予对打开它的文档的新浏览上下文访问权 - 通过不在打开的窗口上设置 Window.opener 属性（它返回 null）。这在打开不受信任的链接时特别有用，以确保它们不能通过 Window.opener 属性篡改原始文档（请参阅关于 rel = noopener 以获取更多详细信息），同时仍提供 Referer HTTP 标头（除非使用noreferrer作为好）。请注意，当使用 noopener 时，除 _top，_self 和 _parent 以外的非空目标名称在决定是否打开新窗口/选项卡方面均被视为 _blank 。 | <a>，<area> | <link> |
| noreferrer | 防止浏览器在导航到其他页面时通过 Referer：HTTP 标头发送此页面地址或任何其他值作为 referrer 。（在 Firefox 中，在 Firefox 37 之前，这只能在页面中找到链接，UI 中点击的链接，如通过上下文菜单中的“在新标签中打开”，忽略了这一点）。 | <a>，<area> | <link> |
| 参照通知 | 如果希望对网页发表评论或引用，则定义要调用的外部资源 URI 。用于进行此类调用的协议在 Pingback 1.0 规范中定义。注意：如果 X-Pingback：HTTP 头也存在，它会用此链接类型取代<link>元素。 | <链路> | <a>，<area> |
| PRECONNECT | 向浏览器提供提示，提示它提前打开与链接网站的连接，而不透露任何隐私信息或下载任何内容，以便在遵循链接时更快地获取链接的内容。 | <链路> | <a>，<area> |
| 预取 | 建议浏览器提前获取链接的资源，因为它很可能被用户请求。从 Firefox 44 开始，将 crossorigin 属性的值考虑在内，从而可以进行匿名预取。注意：链接预取 FAQ 详细介绍了可以预取哪些链接以及替代方法。 | <a>未实现，<区域>未实现<link> | 无 |
| 预紧 | 指示浏览器下载资源，因为此资源在当前导航期间稍后需要。有关更多详细信息，请参阅使用rel =“preload”预加载内容。 | <链路> | <a>，<area> |
| 预渲染 | 建议浏览器提前获取链接的资源，并且它还将预取内容呈现在屏幕外，以便在需要时快速呈现给用户。 | <链路> | <a>，<area> |
| 上一页 | 指示超链接指向当前页面所在序列的上一个资源。注意：您还可以使用下一个关键字指定序列中下一页的链接。虽然被认可，但以前的同义词是不正确的，必须避免。 | <a>，<area>，<link> | 无 |
| 搜索 | 表示超链接引用文档，该文档的接口专门用于在本文档或网站及其资源中进行搜索。如果 type 属性设置为 application / opensearchdescription + xml，则该资源是一个 OpenSearch 插件，可以轻松添加到某些浏览器（如 Firefox 或 Internet Explorer）的界面中。 | <a>，<area>，<link> | 无 |
| shortlink | 维基百科，自由的百科全书：缩短网址一些网站创建短链接，使通过即时消息的共享链接变得更加简单。 | <链路> | ??? |
| 样式表 | 定义要用作样式表的外部资源。如果没有设置类型，浏览器应该认为它是一个 text / CSS 样式表，直到进一步检查。如果与 alternate 关键字结合使用，它将定义一个替代样式表; 在这种情况下，title 属性必须存在，而不是空字符串。 | <链路> | <a>，<area> |
| 侧边栏 | 表示超链接导致资源更适合辅助浏览上下文，如侧边栏。没有这种上下文的浏览器将忽略此关键字。尽管是 HTML 规范的一部分，但它已从规范中删除，并且目前仅由 Firefox 实现。 | <a>，<area>，<link> | 无 |
| 标签 | 表示超链接是指描述适用于此文档的标签的文档。注意：不应在指向标签云成员的链接上设置此链接类型，因为这些链接类型不适用于单个文档，而适用于一组页面。 | <a>，<area> | <链路> |
| 向上 | 表示该页面是层次结构的一部分，并且该超链接导致该结构的更高级别资源。上行链接类型的数量表示当前页面和链接资源之间的深度差异。 | <a>，<area>，<link> | 无 |
- 如果元素是，<link>并且该rel属性也包含该stylesheet类型，则该链接将定义一个替代样式表 ; 在这种情况下，title属性必须存在，而不是空字符串。
<a>，<area>，<link> None 。 archives 定义超链接指向包含该链接的文档的文档。例如，博客条目可以通过这种方式链接到月度索引页面。
注意：虽然被识别，但单数archive不正确，必须避免。 <a>，<area>，<link> 无。 author定义超链接到描述作者的页面或提供联系作者的方式。
注意：这可能是一个mailto:超链接，但这并不建议在公共页面上使用，因为机器人收割机很快会导致大量垃圾邮件被发送到该地址。在这种情况下，最好导向包含联系表单的页面。
虽然认识到的，rev上属性<a>，<area>或<link>元件的链接类型的made不正确并且应当由更换rel与该链接类型属性。 <a>，<area>，<link> 无。 bookmark表示超链接是最近的祖先元素的永久链接<article>。如果没有，则该元素与该元素最密切相关的部分是永久链接。
这允许为包含多篇文章的页面中的单个文章添加书签，例如每月总结博客页面或博客聚合器。 <a>，<area> <link> canonical来自维基百科，自由的百科全书：Canonical_link_element
规范链接元素是一种 HTML 元素，通过将网页的“canonical”或“preferred”版本指定为搜索引擎优化的一部分，可帮助网站管理员防止重复的内容问题。<link>??? dns-prefetch 提示浏览器需要资源，以便浏览器在用户单击链接之前执行 DNS 查找和协议握手。<link> <a>，<area> external表示超链接导致当前页面的站点之外的资源; 也就是说，下面的链接将使用户离开网站。 <a>，<area> <link> first 指示超链接导致当前页面所在序列的第一个资源。
注：按相同的顺序有关链接资源的其它链接类型last，prev，next。
虽然承认，同义词begin和start是不正确的，必须加以避免。 <a>，<area>，<link> None 。 help
- 如果元素是<a>或<area>，则表示该超链接导致资源给予该元素的父代及其后代的进一步帮助。
<a>，<area>，<link> None 。 icon定义用于在用户界面中表示页面的资源，通常是图标（听觉或视觉）。
media，type和sizes属性让浏览器选择其上下文最合适的图标。如果多个资源匹配，浏览器将按树形顺序选择最后一个声明。由于这些属性仅仅是提示，并且在进一步检查时资源可能不合适，因此浏览器将在适当的情况下选择另一个。
注意： Apple 的 iOS 不使用此链接类型，sizes也是，不像其他移动浏览器那样使用此属性来为Web Clip或启动占位符选择网页图标。相反，它分别使用非标准 apple-touch-icon 和 apple-touch-startup-image 。
shortcut链接类型通常见过icon，但这种链路类型为不合格，忽略网页制作者不能再使用它。<link> <a>，<area> index 表示该页面是层次结构的一部分，并且该超链接将导致该结构的顶级资源。
如果up还存在一个或多个链接类型，则它们的数量up指示层次结构中当前页面的深度。 <a>，<area>，<link> None 。 last 指示超链接会导致当前页面所在序列的最后一个资源。
注：按相同的顺序有关链接资源的其它链接类型first，prev，next。
虽然被认可，但同义词end是不正确的，必须避免。 <a>，<area>，<link> None 。 license指示超链接导致描述许可信息的文档。如果不在<head>元素内部，则标准不区分适用于文档的特定部分或作为整体的文档的超链接。只有页面上的数据可以表明这一点。
注意：虽然被识别，但同义词copyright不正确，必须避免。 <a>，<area>，<link> None 。 manifest指示链接的文件是Web应用程序清单。<link> <a>，<area> next指示超链接导致当前页面所在序列的下一个资源。
注：按相同的顺序有关链接资源的其它链接类型first，prev，last。 <a>，<area>，<link> 无。 nofollow表示链接的文档没有被本文的作者认可，例如，如果它不能控制它，如果它是一个不好的例子或者两者之间存在商业关系（销售链接）。这种链接类型可以被一些使用流行排名技术的搜索引擎使用。 <a>，<area> <link> noopener 指示浏览器打开链接，而不授予打开它的文档的新浏览器上下文的访问-通过不设置Window.opener打开的窗口中（它返回财产null）。
这在打开不受信任的链接时特别有用，以确保它们不会通过Window.opener属性篡改源文档（有关更多详细信息，请参阅关于rel = noopener），同时仍提供RefererHTTP标头（除非noreferrer已被使用）。
请注意，在noopener使用时，除了_top，，_self和以外的非空目标名称_parent都将_blank按照决定是否打开新窗口/选项卡的方式进行处理。
<a>，<area> <link> noreferrer 当浏览到其他页面时，阻止浏览器通过Referer: HTTP 标头将此页面地址或任何其他值作为引用来发送。
（在 Firefox 中，在 Firefox 37 之前，这只能在页面中找到链接，UI 中点击的链接，如通过上下文菜单中的“在新标签中打开”，忽略了这一点）。
<a>，<area> <link> pingback如果希望对网页发表评论或引用，则定义要调用的外部资源 URI 。用于进行此类调用的协议在 Pingback 1.0 规范中定义。
注意：如果X-Pingback:HTTP 头也存在，它将取代<link>具有此链接类型的元素。<link> <a>，<area> preconnect 向浏览器提示提示，它提前打开与链接网站的连接，而不公开任何私人信息或下载任何内容，以便当链接被遵循时，可以更快地获取链接的内容。<link> <a>，<area> prefetch建议浏览器提前获取链接的资源，因为它很可能被用户请求。从 Firefox 44 开始，将crossorigin考虑属性的值，从而可以进行匿名预取。
注：该链接预取常见问题有哪些链接可以预取的详细信息和替代方法。 <a>未实现，
<area> 未实现，
<link> None 。 preload指示浏览器下载资源，因为此资源在当前导航期间稍后需要。有关更多详细信息，请参阅使用rel =“preload”预加载内容。<link> <a>，<area> prerender 建议浏览器提前获取链接的资源，并且它还将预取内容呈现在屏幕外，以便在需要时快速呈现给用户。<link> <a>，<area> prev表示超链接指向当前页面所在序列的前一个资源。
注意：您也可以使用next关键字指定序列中下一页的链接。
虽然被认可，但同义词previous是不正确的，必须避免。 <a>，<area>，<link> None 。 search表示超链接引用文档，该文档的接口专门用于在本文档或网站及其资源中进行搜索。
如果该type属性设置为application/opensearchdescription+xml资源，则可以将 OpenSearch 插件轻松添加到某些浏览器（如 Firefox 或 Internet Explorer）的界面中。 <a>，<area>，<link> None 。 shortlink维基百科，自由的百科全书：URL 缩短
一些网站创建简短的链接，使通过即时消息的共享链接更容易。<link>??? stylesheet定义要用作样式表的外部资源。如果type没有设置，浏览器应该认为它是一个text/css样式表，直到进一步检查。
如果与alternate关键字结合使用，它将定义一个替代样式表 ; 在这种情况下，title属性必须存在，而不是空字符串。<link> <a>，<area> sidebar 表示超链接导致资源更适合辅助浏览上下文，如侧边栏。没有这种上下文的浏览器将忽略此关键字。
尽管是 HTML 规范的一部分，但它已从规范中删除，并且目前仅由 Firefox 实现。 <a>，<area>，<link> None 。 tag表示超链接是指描述适用于此文档的标签的文档。
注意：不应在指向标签云成员的链接上设置此链接类型，因为这些链接类型不适用于单个文档，而是适用于一组页面。 <a>，<area> <link> up 表示该页面是层次结构的一部分，并且该超链接导致该结构的更高级别资源。
up链接类型的数量表示当前页面和链接资源之间的深度差异。 <a>，<area>，<link> 无。
规范
| 规范 | 状态 | 评论 |
|---|---|---|
| 预加载该规范中“预加载”的定义。 | 工作草案 | 增加了预加载。 |
| 资源提示该规范中'preconnect'的定义。 | 工作草案 | 新增了dns-prefetch，preconnect和prerender值。 |
| HTML生活标准该规范中'<link>'的定义。 | 生活水平 | 自上次快照以来没有变化（HTML生活标准） |
| HTML5该规范中'<link>'的定义。 | 建议 | 添加标签，样式表，搜索，prev，prefetch，noreferrer，nofollow，下一个，许可证，图标，帮助，书签，作者和备用。 |
| HTML 4.01规范该规范中'<link>'的定义。 | 建议 | |
浏览器兼容性
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | (Yes) | 1.0 (1.7 or earlier) | (Yes) | (Yes) | (Yes) |
| Alternative stylesheets | ? | 3.0 (1.9) | ? | (Yes) | ? |
| prefetch | ? | ? | ? | ? | ? |
| prerender | ? | No support4 | ? | ? | ? |
| preconnect | 46 | 39 (39)1 | No support | ? | No support |
| dns-prefetch | 46 | 3.0 (1.9) | ? | ? | ? |
| preload | 50.0 | 56 (56)3 | ? | (Yes) | (Yes) |
| noopener | 49.0 | 52 (52) | ? | 36 | ? |
| manifest | No support2 | | | | |
| Feature | Android | Android Webview | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | 1.0 (1.0) | (Yes) | (Yes) | (Yes) | (Yes) |
| Alternative stylesheets | ? | ? | 4.0 (2.0) | ? | ? | ? | ? |
| prefetch | No support | ? | ? | ? | ? | ? | ? |
| prerender | ? | ? | No support4 | ? | ? | ? | ? |
| preconnect | 46 | ? | 39.0 (39) | ? | ? | ? | 42.01 |
| dns-prefetch | 46 | ? | 1.0 (1.9) | ? | ? | ? | (Yes) |
| preload | No support | 50.0 | 56.0 (56)3 | ? | (Yes) | ? | 50.0 |
| noopener | No support | 49.0 | ? | ? | 32 | ? | 49.0 |
| manifest | No support | 39.0 | | | | | 39.0 |
