试一试
This text will be red as defined in the external stylesheet.
The style attribute can override it, though.
要链接外部样式表，您可以在
中包含一个 元素，如下所示：html
此示例通过 href 属性提供样式表的路径，并通过 rel 属性提供 stylesheet 值。rel 代表“relationship”（关系），它是 元素的主要特性之一——该值表示链接项与包含文档之间的关系。
您会遇到许多其他常见类型。例如，指向网站 favicon 的链接：
html
还有许多其他的图标 rel 值，主要用于指示在各种移动平台上使用的特殊图标类型，例如：
html rel="apple-touch-icon" sizes="114x114" href="apple-icon-114.png" type="image/png" /> sizes 属性表示图标大小，而 type 包含所链接资源的 MIME 类型。这些提供了有用的提示，允许浏览器选择最合适的可用图标。 您还可以通过 media 属性提供媒体类型或查询；只有当媒体条件为真时，才会加载此资源。例如： html 元素还添加了一些有趣的新性能和安全功能。以这个例子为例： html rel="preload" href="myFont.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> rel 值为 preload 表示浏览器应该预加载此资源（有关更多详细信息，请参阅 rel="preload"），其中 as 属性指示正在获取的内容的具体类别。crossorigin 属性指示是否应该使用 CORS 请求获取资源。 其他使用注意事项 元素可以出现在 当使用 为网站建立 favicon，并且您的网站使用内容安全策略（CSP）来增强其安全性时，该策略适用于 favicon。如果您遇到 favicon 未加载的问题，请验证 Content-Security-Policy 头的 img-src 指令没有阻止对其的访问。 HTML 和 XHTML 规范为 元素定义了事件处理程序，但它们如何使用尚不清楚。 在 XHTML 1.0 下，空元素，例如 ，需要一个尾部斜杠：。 WebTV 支持对 rel 使用 next 值来预加载文档系列中的下一页。 属性 此元素包含全局属性。 as 当 元素上设置了 rel="preload" 时，此属性是必需的；当设置了 rel="modulepreload" 时，此属性是可选的；否则不应使用。它指定 加载的内容类型，这对于请求匹配、应用正确的内容安全策略以及设置正确的 Accept 请求头是必需的。 此外，rel="preload" 将此用作请求优先级的信号。下表列出了此属性的有效值以及它们适用的元素或资源。 值 适用于 audio document