rel（HTML属性）
rel（HTML属性）
rel属性是HTML中一个非常重要的属性，用于定义链接资源与引用它的文档之间的关系。本文将详细介绍rel属性的各种用途，包括定义样式表、XML feeds、网站图标以及页面之间的关系等。
描述
rel属性定义链接资源与引用它的文档之间的关系。 在大多数情况下，该资源将只是“stylesheet”，这意味着“所引用的文档是样式表”。 与此值相关的是“alternate”，它与“stylesheet”值（rel="alternate stylesheet"）一起使用，指示该页面还有另一种样式。 实际上，您可以定义几种替代样式，尽管此方法的主要问题在于使用户清楚可以使用替代样式表。 在Firefox中，您可以选择“视图”>“页面样式”，然后从提供的可用样式表中进行选择，但是在任何浏览器中都没有明显的迹象表明存在这些替代方法-通常留给开发人员提供某种基于JavaScript的样式切换器，呈现为页面上的控件。 以下标记显示了一个页面，该页面具有一个主样式表和两种选择：
<link rel="stylesheet" href="main.css" type="text/css" media="screen"/><link rel="alternate stylesheet" title="Higher Contrast" href="contrast.css" type="text/css" media="screen"/><link rel="alternate stylesheet" title="Gratuitous CSS" href="hot.css" type="text/css" media="screen"/>
请注意，当您使用备用样式表时，还应该提供一个标题属性来简要描述样式-该属性将显示在浏览器的页面样式菜单选项中，如下所示。
Opera还为我们提供了从“视图”菜单选项更改页面样式的功能，但没有以其他方式引起人们对替代样式的注意，您必须去寻找它！
“alternate”属性值也可以在XML feed的上下文中使用，即RSS或Atom，它们由type属性指示：
<link rel="alternate" type="application/rss+xml" href="/rss.xml" title="RSS 2.0"><link rel="alternate" type="application/atom+xml" href="/atom.xml" title="Atom 1.0">
如果您想将自定义图标与您的网站相关联(在大多数浏览器中，该图标将显示在地址栏中的URL旁边，但在将页面另存为收藏夹或桌面上的快捷方式时也可能会使用，具体取决于在浏览器或操作系统上)，您可以按如下方式使用rel属性：
<link rel="shortcut icon" href="/favicon.ico"/>
该链接指向位于Web服务器文档根文件夹中的图标，约定将其命名为favicon.ico (必须是.ico文件，而不是.gif，.jpg或.png)。 您可以将收藏夹图标放置在Web服务器上的其他位置，但是必须相应地修改href属性中指定的位置。
当使用属性定义页面如何相互关联时，rel的关系方面实际上在上下文和方向方面变得更加丰富。 例如，在具有逻辑线性流的页面序列中，可以使用rel属性来定义序列中的“next”和“prev”。
rel属性还可以用于使用rel =“license” href =“link-to-license.html”来指示适用于页面内容的许可证。 有关此的更多信息，请参考Microformats对rel的使用。
您可以通过链接元素定义页面之间的许多自定义关系，方法是超越预定义的值来指定您自己的关系。
例
在此示例中，rel属性指示所引用的文档是样式表：
<link rel="stylesheet" href="basic.css"/>
值
有关可接受的预定义值，请参见语法图。 不过请记住，您不仅限于这些：您可以定义自己的rel属性值，但是它对任何Web浏览器都没有多大用处(尽管您可以将这些信息用于其他目的) (例如，用于使用JavaScript和DOM查询或访问属性的值)。