面试系列：请说出Link中你知道的属性
原文中文，约2200字，阅读约需6分钟。
📝
内容提要
HTML中的<link>标签用于建立文档与外部资源的关系，如样式表、网站图标、字体文件等。常用属性有href、hreflang、media、rel、sizes和type。其中rel属性的常用值有alternate、canonical、dns-prefetch、icon、next、nofollow、noreferrer、preload、prefetch、preconnect和stylesheet。这些属性分别用于指定替代版本、规范版本、DNS解析、图标、下一页、不被跟踪、不发送访问来源信息、预加载、预加载并缓存、预先连接和样式表。
❓
Q&A
<link>标签的主要用途是什么？
<link>标签用于建立文档与外部资源的关系，如样式表、网站图标和字体文件等。
<link>标签中常用的属性有哪些？
常用属性包括href、hreflang、media、rel、sizes和type。
什么是rel属性，它的常用值有哪些？
rel属性表明当前文档与外部资源的关系，常用值有alternate、canonical、dns-prefetch、icon、next、nofollow、noreferrer、preload、prefetch、preconnect和stylesheet。
如何使用alternate属性？
alternate属性用于指定当前文档的替代版本，通常用于多语言版本的链接。
canonical属性的作用是什么？
canonical属性用于指定网站的规范版本，避免搜索引擎将多个地址视为相同内容的重复。
preload和prefetch属性有什么区别？
preload用于在页面渲染之前对资源进行预加载，而prefetch用于对将来可能需要的资源进行预加载并缓存。
🏷️
