HTML 中 Link 标签的属性用于链接外部资源,具有以下主要属性:href:指定链接资源的 URLrel:定义链接与当前页面之间的关系type:指定链接资源的 MIME 类型media:指定适用于哪些媒体类型sizes:指定图标在不同设备上的大小crossOrigin:指定是否允许跨域请求

HTML 中 Link 标签的属性
Link 标签在 HTML 中用于建立与外部资源(如样式表、脚本、图标)之间的联系。它具有以下主要属性:
1. href:指定要链接的资源的 URL。这可以是本地文件或远程文件。
2. rel:定义链接与当前页面之间的关系。常见的 rel 值包括:
- stylesheet:链接到一个 CSS 样式表
- icon:链接到一个图标
- alternate:链接到一个备用语言版本或设备版本的页面
3. type:指定链接资源的 MIME 类型。对于 CSS,type 通常为 "text/css",对于图标,type 通常为 "image/vnd.microsoft.icon"。
立即学习“前端免费学习笔记(深入)”;
4. media:指定链接资源适用于哪些媒体类型。常见的 media 值包括:
系统简介逍遥内容管理系统(CarefreeCMS)是一款功能强大、易于使用的内容管理平台,采用前后端分离架构,支持静态页面生成,适用于个人博客、企业网站、新闻媒体等各类内容发布场景。核心特性1、模板套装系统 - 支持多套模板自由切换,快速定制网站风格2、静态页面生成 - 一键生成纯静态HTML页面,访问速度快,SEO友好3、文章管理 - 支持富文本编辑、草稿保存、文章属性标记、自动提取SEO4、全
- all:适用于所有媒体类型
- print:仅适用于打印输出
- screen:仅适用于屏幕显示
5. sizes:指定图标在不同设备上的大小。例如,sizes="32x32" 意味着图标在 32x32 像素的设备上显示。
6. crossOrigin:指定是否允许跨域请求。默认情况下,crossOrigin 为 "anonymous",这意味着只能读取资源的元数据。
示例:
以下示例显示了一个链接到样式表的 Link 标签:
以下示例显示了一个链接到网站图标的 Link 标签:










