<link>标签主要用于什么，怎样引入外部样式表？

在 HTML 中，<link>标签是一个非常重要的元素，它主要用于在网页中关联外部资源，其中最常见的用途就是引入外部样式表。

<link>标签的主要用途

1. 引入样式表：这是 <link>标签最主要的功能。通过 <link>标签，可以将外部的 CSS 文件链接到 HTML 页面中，从而实现对网页整体样式的定义和控制。这样做的好处是可以将样式与结构分离，使得网页的布局和内容更加清晰，易于维护和修改。

2. 关联图标：<link>标签还可以用于关联网页的图标，如 favicon.ico 。这个图标会显示在浏览器的标签栏、收藏夹等位置，为用户提供直观的标识，增强网页的品牌形象。

3. 关联其他文档：除了样式表和图标，<link>标签还可以用于关联其他类型的文档，如 RSS feed 等。这使得网页可以与其他服务进行交互，提供更多的功能和信息。

怎样引入外部样式表

引入外部样式表的基本语法如下：

```html

```

在上述代码中，`rel`属性指定了关联的资源类型为“stylesheet”，表示这是一个样式表文件。`href`属性则指定了样式表文件的路径，可以是相对路径或绝对路径。`type`属性指定了样式表的 MIME 类型为“text/css”，表示这是一个 CSS 文件。

1. 相对路径：相对路径是指相对于当前 HTML 文件的路径。如果样式表文件与 HTML 文件位于同一目录下，可以直接使用文件名作为路径，如“styles.css”。如果样式表文件位于当前目录的子目录中，需要在文件名前加上子目录的路径，如“css/styles.css”。

2. 绝对路径：绝对路径是指从网站根目录开始的完整路径。绝对路径通常用于在不同的服务器环境中引用样式表文件，或者在链接外部网站的样式表时使用。例如，“http://www.example.com/css/styles.css”表示引用位于“www.example.com”网站的“css”目录下的“styles.css”文件。

在 HTML 页面中，可以在 `` 标签内插入多个 <link>标签，以引入多个外部样式表。浏览器会按照它们在页面中出现的顺序依次加载和应用这些样式表，最后应用的样式表将覆盖之前的样式。

引入外部样式表的优点不仅仅在于分离样式和结构，还可以提高网页的加载速度。因为浏览器可以在下载 HTML 页面的同时并行下载样式表文件，而不需要等待 HTML 解析完成后再去加载样式。使用外部样式表还可以实现样式的共享和复用，提高开发效率。

<link>标签是 HTML 中用于引入外部资源的重要标签，其中引入外部样式表是其最常见的用途之一。通过合理使用 <link>标签，可以轻松地实现网页的样式控制和美化，提高用户体验。