<link> 标签是 HTML5 中的一个重要标签,用于在 HTML 文档中引入外部资源,如样式表(CSS)、图标、以及关联文档等。以下是 <link> 标签的基本结构以及一些常见的用法:
<!-- 引入外部样式表 -->
<link rel="stylesheet" type="text/css" href="styles.css">

<!-- 定义网站图标 -->
<link rel="icon" href="favicon.ico" type="image/x-icon">

<!-- 引入关联文档 -->
<link rel="prefetch" href="related-document.html">

常用属性包括:

  •  rel: 指定关系,表示引入资源的类型。常见的值包括 "stylesheet"(样式表)、"icon"(图标)、"prefetch"(预取资源)等。

  •  href: 指定资源的路径或 URL。

  •  type: 指定资源的 MIME 类型,通常用于样式表和图标。


在上述例子中,第一个 <link> 标签用于引入外部样式表,第二个用于定义网站的图标,第三个用于预取一个关联文档。这些标签的使用有助于优化网页的性能和外观。

请注意,<link> 标签不仅用于引入样式表,还可用于其他关联资源,如引入 RSS 源、预加载字体等。这使得 <link> 成为一个灵活且功能强大的标签,用于与外部资源建立关系。


转载请注明出处:http://www.zyzy.cn/article/detail/3741/HTML5