html link rel属性定义文档与外部资源之间的关系

分类:知识百科 日期: 点击:0

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
标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。