【rel=’nofllow’】 的作用，它是告诉搜索引擎，不要将该链接计入权重。因此多数情况下，我们可以将一些不想传递权重的链接进行nofllow处理；例如一些非本站的链接，不想传递权重，但是又需要加在页面中的像 统计代码、备案号链接、供用户查询的链接等等。
【rel=’external’】 此属性的意思是告诉搜索引擎，这个链接不是本站链接，其实作用相当于target=‘_blank’。为什么要这样写呢？因为有些网站因为是采用严格的DOCTYPE声名的，如果你在网页源码中的第一行看到：<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” htt://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>在这种情况下target=”_blank”会失效，因此采用rel=’external’这个参数来替代。
【rel=’external nofollow’】 其实上面已经说过rel=’nofollow’ 和 rel=’external’ 两种属性的所代表的意思了。这个属性基本上是相当于将两种属性结合起来，大致可以解释为 “这个链接非本站链接，不要爬取也不要传递权重”。因此在SEO的角度来说，是一种绝对隔绝处理的方法，可以有效减少蜘蛛爬行的流失。
【rel=”preload”】 preload表示预加载。告诉浏览器这些资源你先帮我加载，之后我要使用。
注：因此，使用preload时一定要保证内容会被使用，如果提取的资源3秒内没有被当前页面使用，Chrome开发者工具的控制台会触发警告！
【as="script"】as---preload的as属性，告诉浏览器加载的是什么资源。常用的as属性值有：
script, style, image, media, document, font
通过设置as属性可以实现：
浏览器可以设置正确的资源加载优先级
浏览器可以确保请求是符合内容安全策略的
浏览器根据as的值发送正确的accept头部信息
浏览器根据as的值得知资源类型。因此当获取的资源相同时，浏览器能够判断前面获取的资源能否重用。
忽略as或者设置错误的值会使preload等同于XHR异步请求。但浏览器不知道加载的是什么，会赋予此类资源非常低的加载优先级。
<link as=script href=https://cdn.bootcss.com/jquery/3.3.1/jquery.js rel=preload rel="external nofollow">
