- HTML 教程
- HTML - 首页
- HTML - 路线图
- HTML - 简介
- HTML - 历史与演变
- HTML - 编辑器
- HTML - 基本标签
- HTML - 元素
- HTML - 属性
- HTML - 标题
- HTML - 段落
- HTML - 字体
- HTML - 块
- HTML - 样式表
- HTML - 格式化
- HTML - 引用
- HTML - 注释
- HTML - 颜色
- HTML - 图片
- HTML - 图片地图
- HTML - 内联框架 (iframe)
- HTML - 短语元素
- HTML - 元标签
- HTML - 类
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表格标题和说明
- HTML - 表格样式
- HTML - 表格列组 (colgroup)
- HTML - 嵌套表格
- HTML 列表
- HTML - 列表
- HTML - 无序列表
- HTML - 有序列表
- HTML - 定义列表
- HTML 链接
- HTML - 文本链接
- HTML - 图片链接
- HTML - 邮箱链接
- HTML 颜色名称和值
- HTML - 颜色名称
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML 表单
- HTML - 表单
- HTML - 表单属性
- HTML - 表单控件
- HTML - 输入属性
- HTML 多媒体
- HTML - 视频元素
- HTML - 音频元素
- HTML - 嵌入多媒体
- HTML 头部
- HTML - 头元素
- HTML - 添加 Favicon
- HTML - JavaScript
- HTML 布局
- HTML - 布局
- HTML - 布局元素
- HTML - 使用 CSS 进行布局
- HTML - 响应式设计
- HTML - 符号
- HTML - 表情符号
- HTML - 样式指南
- HTML 图形
- HTML - SVG
- HTML - Canvas
- HTML API
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web 存储
- HTML - 服务器发送事件
- HTML 其他
- HTML - 文档对象模型 (DOM)
- HTML - MathML
- HTML - 微数据
- HTML - IndexedDB
- HTML - 网页消息传递
- HTML - Web CORS
- HTML - WebRTC
- HTML 演示
- HTML - 音频播放器
- HTML - 视频播放器
- HTML - 网页幻灯片
- HTML 工具
- HTML - Velocity 绘图
- HTML - 二维码
- HTML - Modernizr
- HTML - 验证
- HTML - 颜色拾取器
- HTML 参考
- HTML - 速查表
- HTML - 标签参考
- HTML - 属性参考
- HTML - 事件参考
- HTML - 字体参考
- HTML - ASCII 码
- ASCII 码表查询
- HTML - 颜色名称
- HTML - 实体
- MIME 媒体类型
- HTML - URL 编码
- 语言 ISO 代码
- HTML - 字符编码
- HTML - 已弃用的标签
- HTML 资源
- HTML - 快速指南
- HTML - 有用资源
- HTML - 颜色代码生成器
- HTML - 在线编辑器
HTML - sizes 属性
HTML sizes 属性指定链接资源的大小。它用于提供视觉媒体图标的大小。sizes 属性仅与 rel="icon" 一起使用。
此属性不再受任何元素支持。
语法
<link rel="icon" sizes="10x10">
应用于
以下列出的元素允许使用 HTML sizes 属性。
| 元素 | 描述 |
|---|---|
| <link> | HTML <link> 标签指定当前文档和外部资源之间的关系。 |
| <img> | HTML <img> 标签用于将图像嵌入到 HTML 文档中。 |
| <source> | HTML <source> 标签用于定义各种不同格式的媒体资源。 |
HTML sizes 属性示例
以下示例将说明 HTML sizes 属性,以及我们应该在哪里以及如何使用此属性!
使用 sizes 属性定义 favicon 尺寸
输出窗口显示带有超链接的文本。单击此链接后,将在“sample.htm”页面中看到 favicon 图片。尝试在本地运行代码。
<!DOCTYPE html>
<html>
<head>
<title>HTML sizes attribute in link tag</title>
<link rel="icon"
href="
https://indoleads.nyc3.cdn.digitaloceanspaces.com/uploads/offers/logo/8512_92749e1af2bb2.png"
type="image/gif"
sizes="16x16">
</head>
<body>
<p>
Open this page in a
<a href="sample.htm"
target="_blank">
new window
</a>
to see the favicon.
</p>
</body>
</html>
支持的浏览器
| 属性 | ![]() |
![]() |
![]() |
![]() |
![]() |
|---|---|---|---|---|---|
| sizes | 否 | 否 | 否 | 否 | 否 |
html_attributes_reference.htm
广告




