HTML中link标签属性详解
link标签位于HTML文档的head部分，通过rel和href关联外部资源（如样式表、图标），支持type、media、sizes、crossorigin、integrity等属性及preload、dns-prefetch、canonical等rel值，用于优化加载和SEO。不同浏览器支持存在差异，需注意兼容性。
在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文档。清单文件包含应用的元数据，如名称、描述、图标等。示例：
需要注意的是，不同浏览器对这些属性和功能的支持程度可能不同。实际使用前，最好查阅相关文档，确保兼容性和功能性。
火山引擎是字节跳动旗下企业级云与AI服务平台。聚焦大模型核心能力，依托字节自研豆包多模态大模型，凭借火山方舟一站式平台，提供模型精调、推理部署、智能应用搭建等全链路服务，结合高性能AI算力，助力各行业快速落地大模型数字化与智能化应用。
AirBuddy 3 是面向 macOS 的蓝牙外设增强工具，可集中查看 AirPods、Beats 与苹果设备电量，提供快速连接、播放控制、电量提醒、桌面小组件和多台 Mac 外设接力等功能。
AirServer macOS版可把 Mac 转换为无线投屏接收端，通过 AirPlay 或 Google Cast 接收手机、平板和电脑画面，并支持多设备同时连接、高清镜像及会话录制，适合家庭娱乐、课堂教学、会议演示和应用展示。
火山引擎是字节跳动旗下企业级云与AI服务平台。聚焦大模型核心能力，依托字节自研豆包多模态大模型，凭借火山方舟一站式平台，提供模型精调、推理部署、智能应用搭建等全链路服务，结合高性能AI算力，助力各行业快速落地大模型数字化与智能化应用。
PixTV 是一款在浏览器中使用的 AI 视觉内容创作平台，提供图片、视频、音频、文字生成、AI 分镜、局部重绘、提示词反推和无限画布等工具，适合短剧、漫剧、广告及社交媒体内容制作。
Autodesk Maya 是面向影视、电视、动画和游戏行业的专业三维制作软件，集多边形与 NURBS 建模、角色绑定、关键帧和动作捕捉动画、Bifrost 特效模拟、材质开发及 Arnold 渲染于一体，