html - HTML 图像标记导致错误“解析 'srcset' 属性值失败,因为它有一个未知的描述符”
问题描述
我正在尝试构建一个简单的 HTML 页面来实现响应式图像以供练习。
这是我的整个代码:
<HTML>
<head>
<title>Practice</title>
</head>
<body>
<h1>Sample Header</h1>
<img srcset = "D:\Web Projects\praxis\img\60.jpg 1723w,
D:\Web Projects\pl\praxis\13.jpg 2400w"
sizes="(max-width: 1000px) 1723px,<!--I assume that this tells the browser to load the smaller image if browser's width is less than 1000px-->
2400px"
src="D:\Web Projects\praxis\img\13.jpg"
alt="Sample alternative">
</body>
</HTML>
当我打开此网页时,即使将浏览器窗口调整为小宽度,它也只会显示较大的图像(D:\Web Projects\praxis\img\13.jpg)。在控制台中,我收到两条错误消息:
- 解析 'srcset' 属性值失败,因为它有一个未知的描述符。
- 删除 srcset 候选“D:\Web”
通过其他解决方案在线搜索表明通常是错误的图像源URL不正确的srcset格式。我无法弄清楚我的代码哪里出错了。