PHP前端开发

html中link标签的属性

百变鹏仔 3个月前 (09-21) #HTML
文章标签 属性
html 中 link 标签的属性用于链接外部资源,具有以下主要属性:href:指定链接资源的 urlrel:定义链接与当前页面之间的关系type:指定链接资源的 mime 类型media:指定适用于哪些媒体类型sizes:指定图标在不同设备上的大小crossorigin:指定是否允许跨域请求

HTML 中 Link 标签的属性

Link 标签在 HTML 中用于建立与外部资源(如样式表、脚本、图标)之间的联系。它具有以下主要属性:

1. href:指定要链接的资源的 URL。这可以是本地文件或远程文件。

2. rel:定义链接与当前页面之间的关系。常见的 rel 值包括:

3. type:指定链接资源的 MIME 类型。对于 CSS,type 通常为 "text/css",对于图标,type 通常为 "image/vnd.microsoft.icon"。

立即学习“前端免费学习笔记(深入)”;

4. media:指定链接资源适用于哪些媒体类型。常见的 media 值包括:

5. sizes:指定图标在不同设备上的大小。例如,sizes="32x32" 意味着图标在 32x32 像素的设备上显示。

6. crossOrigin:指定是否允许跨域请求。默认情况下,crossOrigin 为 "anonymous",这意味着只能读取资源的元数据。

示例:

以下示例显示了一个链接到样式表的 Link 标签:

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

以下示例显示了一个链接到网站图标的 Link 标签:

<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="32x32">