📌  相关文章
📜  HTML |<link> href 属性(1)

📅  最后修改于: 2023-12-03 15:31:15.454000             🧑  作者: Mango

HTML | <link> href 属性

在HTML中，我们可以使用<link>标签来引入外部资源，比如CSS文件、JavaScript文件等。这个标签有一个必须的属性就是href，它指定了外部资源文件的URI（Uniform Resource Identifier，统一资源标识符）。

语法

下面是使用<link>标签的基本语法：

<link rel="stylesheet" type="text/css" href="path/to/your/css/file.css">

href属性指定了被引入的文件的路径，可以是相对路径或者绝对路径。此外还有另外两个常用的属性：

  • rel属性用来指定引用的文件与当前HTML文档之间的关系，比如stylesheet表示被引用的是CSS样式文件。
  • type属性指定被引用资源的MIME类型。
示例

下面是一个使用了href属性的<link>标签的例子：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>使用href属性引入CSS样式表</title>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <h1>Hello World!</h1>
  <p>这是一个段落。</p>
</body>
</html>

这个例子中，href属性指定了当前目录下的styles.css文件。

总结

在HTML中使用<link>标签来引入外部资源，必须设置href属性。href属性指定了外部资源文件的URI，可以是相对路径或者绝对路径。此外，还可以设置rel和type属性。