rel的作用 - daniel-qa/Vue GitHub Wiki

rel的作用

rel 是 HTML 中 标签的一个属性，用于指定当前文档与被链接文档之间的关系。它的全称是 "relationship"，意思是“关系”。

常见的 rel 值

stylesheet: 表示链接的文档是一个样式表（CSS）。通常用于引入外部样式文件。

<link rel="stylesheet" href="style.css">
icon: 指定网页的图标（favicon）。

<link rel="icon" href="favicon.ico">

preload: 用于在页面加载时预加载某些资源，以提高性能。

<link rel="preload" href="image.jpg" as="image"> alternate: 用于指定一个替代的资源，例如不同语言的版本或 RSS 源。 

<link rel="alternate" href="feed.xml" type="application/rss+xml">
  • 示例
在引入 Element Plus 时，使用 rel="stylesheet" 来告诉浏览器这个链接是一个样式表，从而正确地应用样式：

<link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">

这样，浏览器就知道需要将这个 CSS 文件应用到当前文档，以便使组件的样式正常显示。

⚠️ **GitHub.com Fallback** ⚠️