HTML的link rel属性是用来定义文档与外部资源之间的关系的。它可以告诉浏览器如何处理文档中的链接,以及如何处理外部资源。主要有以下几种用法:
1.rel="stylesheet"
这个属性用来指定文档的样式表文件,浏览器会自动加载这个文件,以便渲染文档。例如:
2.rel="alternate"
这个属性用来指定文档的替代版本,例如文档的简体中文版本或者繁体中文版本。浏览器会根据用户的语言设置自动加载替代版本的文档。例如:
3.rel="icon"
这个属性用来指定文档的图标,浏览器会自动加载这个图标,以便在标签页中显示。例如:
4.rel="prefetch"
这个属性用来指定浏览器在页面加载完成后自动预先加载指定的文件,以便在用户点击链接时能够更快地加载文件。例如:
5.rel="dns-prefetch"
这个属性用来指定浏览器预先加载指定域名的DNS记录,以便在用户点击链接时能够更快地解析域名。例如:
6.rel="prerender"
这个属性用来指定浏览器在后台预先加载指定的页面,以便在用户点击链接时能够更快地显示页面。例如:
7.rel="canonical"
这个属性用来指定文档的原始版本,以便搜索引擎能够正确收录文档。例如:
8.rel="author"
这个属性用来指定文档的作者,以便搜索引擎能够正确显示作者信息。例如:
9.rel="noopener"
这个属性用来防止链接打开的页面可以访问当前页面的window对象,以防止攻击。例如:
Link
10.rel="nofollow"
这个属性用来告诉搜索引擎不要抓取链接指向的页面,以防止搜索引擎抓取到垃圾内容。例如:
Link