HTML中link标签属性详解（html中link标签的属性）真没想到

随心笔谈2年前发布编辑

156 0

🌐 经济型：买域名、轻量云服务器、用途：游戏网站等《腾讯云》特点：特价机便宜适合初学者用点我优惠购买

🚀 拓展型：买域名、轻量云服务器、用途：游戏网站等《阿里云》特点：中档服务器便宜域名备案事多点我优惠购买

🛡️ 稳定型：买域名、轻量云服务器、用途：游戏网站等《西部数码》特点：比上两家略贵但是稳定性超好事也少点我优惠购买

在HTML中，标签是一个自闭合元素，通常位于文档的部分。它用于建立与外部资源的关联，如样式表、图标等。标签具有多个属性，其中和是最常用的。

属性定义了当前文档与链接资源之间的关系。常见的属性值有：

：表示链接到一个外部CSS样式表。：表示链接到网站的图标，如favicon。

属性用于指定链接资源的URL。

一个典型的标签示例是：

<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>My Website</title>
<!– 链接到外部CSS样式表 –>
<link rel=”stylesheet” href=”https://www.jb51.net/article/styles.css” rel=”external nofollow” rel=”external nofollow” >
<!– 链接到网站图标 –>
<link rel=”icon” href=”https://www.jb51.net/article/favicon.ico” rel=”external nofollow” >
</head>
<body>
<h1>Link!</h1>
<p>这是一段link的介绍。</p>
</body>
</html>

在这个示例中，我们使用了两个标签。第一个标签将HTML文档与外部的CSS样式表关联起来，用于定义页面的样式。第二个标签将HTML文档与网站图标关联起来，当用户在浏览器中打开这个网站时，会显示这个图标。

当然，标签还有其他属性和用途，下面列举了一些常见的属性和用例：

：该属性用于指定链接资源的MIME类型。例如，当链接到一个CSS样式表时，可以指定其类型为。大多数情况下，浏览器可以自动识别资源类型，所以属性不是必需的。示例：

：该属性允许您指定样式表适用于哪些媒体类型。例如，您可以创建专门针对打印的样式表，当用户打印页面时使用。示例：

：当使用标签链接到多个尺寸的图标时，可以使用属性指定图标的大小。这对于根据设备显示不同大小图标的情况很有用。示例：

：当链接到跨域资源时，可以使用属性指定资源的CORS（跨源资源共享）设置。示例：

：该属性用于确保外部资源的完整性，可以与属性一起使用。通过为资源提供一个基于内容的哈希值（如SHA-256），您可以确保资源未被篡改。示例：

：可以用于提前加载重要的资源，例如字体、图片或脚本。这可以优化页面加载性能。示例：

：可以用于提前加载重要的资源，例如字体、图片或脚本。这可以优化页面加载性能。示例：

这些是标签的一些常见属性和用途。

除了前面提到的，还有更多的属性值：

：使用可以为文档提供替代版本，例如不同语言的页面或适用于不同设备的页面。示例：