HTML <link> 标签的 href 属性详解

HTML基础 2022-06-02 12:04:35小码哥的IT人生shichen

HTML <link> 标签的 href 属性

在下面的例子中，href 属性指向了一个外部样式表的位置：

<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
</head>

<html>
<head>
<link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
</head>
<body>
<h1>我通过外部样式表进行格式化。</h1>
<p>我也一样！</p>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html

href 属性规定被链接文档的位置（URL）。

注释：如果需要，应该对所有的 URL 进行 URL 编码。

<link href="value">

值	描述
URL	超链接的 URL。可能的值：绝对 URL - 指向另一个站点（比如 href="http://www.example.com/theme.css"）相对 URL - 指向站点内的某个文件（href="/themes/theme.css"）

值

描述

URL

超链接的 URL。可能的值：