Question

我目前的网站基本主题是为文章图片制作一些奇怪的双重标记，我不知道它是否可以，或者它不是很好，当用Firebug进行检查时它显示：

<figure class=" field-item even" resource="http://localhost/adapt2/sites/default/files/styles/330/public/field/image/73d7edd1405081e5433c41d9ad2ee18c_L.jpg?itok=EITSe7SP" rel="og:image rdfs:seeAlso">
<img class="image-style-330" width="333" height="333" alt="My Image Alt" src="http://localhost/adapt2/sites/default/files/styles/330/public/field/image/73d7edd1405081e5433c41d9ad2ee18c_L.jpg?itok=EITSe7SP" typeof="foaf:Image">

似乎图像有硬编码的<figure>标记，网站本身会生成通常的img src标记;

仍然 - 我只能看到1张图片，但我不确定这种双重标记是否也会产生双图像打印？

或者删除硬编码的<figure>标记是否更好？

Answer 1

这不是双倍，<figure>只是HTML5中的container element。

标记是正确的，似乎有Javascript在运行时从resource属性生成图像。这样做的结果是以这种方式加载图像会阻止它们阻止初始页面加载，使其对最终用户的响应更快。

唯一的狡猾部分是resource属性formally isn't allowed on figure elements - 在适当的HTML5中应该是data-resource。它会工作得很好。

图像的双重标记

1 个答案: