关于link的rel值

link在之前的认知中，也就是一个加载css的标签，如因为很久没有改过html文件了，今天突然看到了create-react-app默认生成的index.html中有这么个使用方法这就打破了我最初的认知，我竟然对link的rel一点都不了解，所以我百度了一下，决定看看他到底有多少个可选值。我的天，这么多。。

属性值	描述
alternate	提供指向文档备用版本的链接（即打印页面，已翻译或镜像）。例如: <link rel=“alternate"type=“application/atom+xml” title=“JC2182 News” href=”/blog/news/atom">
apple-touch-icon	苹果为iOS设备配备了apple-touch-icon私有属性，添加该属性，在iPhone,iPad,iTouch的safari浏览器上可以使用添加到主屏按钮将网站添加到主屏幕上，方便用户以后访问， 支持sizes属性，可以用来放置对应不同的设备
author	提供指向文档作者的链接
dns-prefetch	指定浏览器应抢先执行目标资源源的DNS解析
help	提供指向帮助文档的链接。 例如:
icon	导入图标以表示文档。例如:
license	提供文档版权信息的链接
next	提供指向系列中下一个文档的链接
pingback	提供处理当前文档的pingback的pingback服务器的地址
preconnect	指定浏览器应抢先连接到目标资源的源。
prefetch	指定浏览器应抢先获取并缓存目标资源，因为后续导航可能需要它。优先级比subresource低，在其加载完成后开始
preload	指定浏览器代理必须根据“as”属性（以及与该目标关联的优先级）给出的目标，抢先获取并缓存当前导航的目标资源。<link rel="preload" href="sintel-short.mp4" as="video" type="video/mp4">也可配合media属性来根据不同的设备加载不同的资源<link rel="preload" href="bg-image-narrow.png" as="image" media="(max-width: 600px)"><link rel="preload" href="bg-image-wide.png" as="image" media="(min-width: 601px)">
prerender	表示浏览器会帮我们渲染但隐藏指定的页面，一旦我们访问这个页面，就会秒开！为了避免浪费资源，可以手动添加该标签，用来触发预渲染操作
prev	表示文档是系列的一部分，并且系列中的上一个文档是引用的文档
search	提供指向可用于搜索当前文档及其相关页面的资源的链接。
stylesheet	导入样式表
subresource	表示当前页面必须加载的资源，应该放到页面最顶端先加载，有最高的优先级

先找到这么多吧，后面如果有比较好的再进行补充，上面表格看的不舒服的话，可以看下面的图片