html - 如何使用HTML5预加载页面？

我记得读过有关使浏览器预加载页面的元标记的信息。又是什么标签？

最佳答案

预取包含在W3C spec under the name Resource Hints中。它是在Firefox，Chrome，IE 11，Edge，12.1之后的Opera和4.4.4中的Android浏览器中实现的，有关更多最新信息，请参见caniuse prefetch page。
另请参阅相关技术的caniuse和spec页面(之后从caniuse检索支持的浏览器，并于2015年9月更新):

预渲染caniuse / spec(IE 11，Edge，Chrome，Opera)

预连接caniuse / spec(Firefox，Chrome 46，Opera 33)

DNS预取caniuse / spec(IE9(请参阅以下说明)，IE10，除Opera Mini之外的所有其他浏览器，也许还有iOS Safari和Android浏览器)

IE 9仅实现了DNS预取，但将其称为"prefetch"(注意!)。 Chrome有一段时间(至少到2013年为止)只进行了预渲染和DNS预取。 IE11实现了 lazyload ，用于图像；微软试图在规格中获得它，但到目前为止还没有。 iCab is stated是第一个实现预取的浏览器，尽管此行为是自动的，不受标记控制。

历史背景
Mozilla应用程序套件以及后来的Firefox实现了该规范(该规范实际上基于Mozilla的预取的早期实现，该规范某种程度上基于RFC 2068中指定的Link: header ，该 header 现已由RFC 2616取代了。 [Link: header ]。请参见this old version of the docs(🕔)。)按照the documentation on MDN(🕔):

因此语法为:

<link rel="prefetch" href="/path/to/prefetch" />

您还可以使用Link: HTTP header :

Link: </page/to/prefetch>; rel=prefetch

或<meta>来模拟相同的HTTP header :

<meta http-equiv="Link" content="&lt;/page/to/prefetch&gt;; rel=prefetch">

请注意，也可以使用next关系，但是它的主要功能是在导航中指示“下一个”页面，因此您不应将其用于资源或无关信息。预取也在HTTPS连接上执行。
驾驶室
iCab seems to(🕔)在2001年左右实现了早期的预取。iCab显然预取了指向内容页面的所有链接(而不是资源)，没有遵循开发人员会留在标记中的任何提示。