<link>
标签可以设置以下属性:
href
:指定链接的资源路径,可以是CSS文件、网站图标等。rel
:定义当前文档与被链接文档之间的关系。常见的值有:stylesheet
:指定链接的资源为样式表文件。icon
:指定链接的资源为网站图标。preconnect
:告知浏览器在请求实际资源之前先建立预连接。type
:指定链接的资源类型。media
:指定样式表的媒体类型。as
:指定资源的类型,用于指示浏览器如何处理这个资源。常见的值有:image
:指定链接的资源为图像。script
:指定链接的资源为脚本文件。font
:指定链接的资源为字体文件。sizes
:指定图像资源的大小,用于响应式设计。示例代码:
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="preconnect" href="https://example.com">
<link rel="preload" as="image" href="image.jpg" sizes="(min-width: 768px) 50vw, 100vw">