首页 > 解决方案 > 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)。在控制台中,我收到两条错误消息:

  1. 解析 'srcset' 属性值失败,因为它有一个未知的描述符。
  2. 删除 srcset 候选“D:\Web”

通过其他解决方案在线搜索表明通常是错误的图像源URL不正确的srcset格式。我无法弄清楚我的代码哪里出错了。

标签: htmlresponsive-images

解决方案


推荐阅读