link标签的rel属性-白红宇的个人博客

link标签的rel属性

发布日期：2025-04-05 13:03:28 浏览次数：8 分类：精选文章

本文共 676 字，大约阅读时间需要 2 分钟。

因此，link 标签主要是用来定义文档与外部资源之间的关系，常见的用途包括加载外部 CSS 样式表、定义网站图标、指定文档的标准版本等。以下是几种常见用法的细节说明：

stylesheet 属性：用于加载外部 CSS 样式表

这是最常用的用法之一。通过 rel="stylesheet" 和 href 属性，可以定义外部 CSS 文件的路径。例如：

其中，href 指定了样式表的 URL，type 为定义样式表的 MIME 类型，而 media="screen" 则指明样式表的适用设备为显示屏幕。

icon 属性：定义网站收藏夹图标

使用 rel="shortcut icon" 和 href 属性可以创建浏览器的 favicon.ico 文件。与其他浏览器不同，IE 只支持 .ico 格式图标。

例如：

需注意：不同浏览器对图标格式的支持可能有所差异，建议根据具体需求定制图标文件格式。

canonical 属性：指定标准化 URL

该属性用于指示搜索引擎应选择哪个 URL 作为主要版本。例如：

这会向搜索引擎指明资源的标准访问地址，避免重复内容的被重复抓取。

author，home，search，sidebar，friend 属性：定义 URI 链接

这些属性用于链接到相关资源，可以是站点主页、搜索工具、侧边内容栏或者友情链接。

值得注意的是：

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！