在HTML开发中，link标签是一个很基础但又非常灵活的元素。它通常放在文档的head部分，用来建立与外部资源的关联，比如样式表、图标等等。很多人刚开始接触时，觉得它不过就是引用一个CSS文件，但深入看看，里面门道不少。
先说说它的两个核心属性：rel和href。rel定义了当前文档与链接资源之间的关系，href则指向资源的URL。常见的关系类型包括stylesheet（样式表）和icon（网站图标）。一个典型的例子是这样的：
My Website Link!
这是一段link的介绍。
这个示例里，第一个link标签把HTML文档和外部的CSS样式表styles.css关联起来，定义页面的样式；第二个标签则关联了网站图标fa vicon.ico，浏览器打开网站时，标签页上就会显示这个图标。
除了基本用法，link标签还支持不少其他属性，下面逐一拆解。
type属性：用于指定链接资源的MIME类型。比如链接CSS样式表时，可以写成type="text/css"。不过多数情况下浏览器能自动识别，所以这个属性不是必需的。示例：
media属性：允许你指定样式表适用于哪些媒体类型。比如可以创建专门针对打印的样式表，用户打印页面时生效。示例：
sizes属性：当链接多个尺寸的图标时，用这个属性指定图标大小，方便设备根据显示需求选择。示例：
crossorigin属性：跨域资源加载时，用这个属性指定CORS（跨源资源共享）设置。示例：
integrity属性：用于确保外部资源未被篡改。通过提供基于内容的哈希值（如SHA-256），浏览器可以校验资源完整性。通常与crossorigin一起使用。示例：
rel="preload"：提前加载重要资源，比如字体、图片或脚本，可以优化页面加载性能。示例：
rel="preload"（重复出现）：同上，再次强调这个属性在性能优化中的作用。示例：
除了上面这些，rel属性还有更多实用的值：
alternate：为文档提供替代版本，比如不同语言的页面或适用于不同设备的页面。示例：
dns-prefetch：预先解析域名，减少DNS查找时间，加快资源加载。示例：
preconnect：与dns-prefetch类似，但它更进一步，预先建立到第三方资源的TCP连接，减少连接建立时间。示例：
prefetch：预先获取并缓存资源，以便后续页面使用。适用于预加载当前页面可能用到的资源。示例：
canonical：为搜索引擎提供页面的规范URL，有助于避免重复内容问题。示例：
manifest：将Web应用的清单文件（JSON格式）链接到HTML文档。清单文件包含应用的元数据，如名称、描述、图标等。示例：
需要注意的是，不同浏览器对这些属性和功能的支持程度可能不同。实际使用前，最好查阅相关文档，确保兼容性和功能性。
