向 img 标签添加重点。语义答案

【问题标题】：Adding strong emphasis to an img tag. Semantics向 img 标签添加重点。语义
【发布时间】：2011-01-09 01:22:24
【问题描述】：

我实际上正在编写一个网站，我对此产生了疑问。我有一张图片列表（这是一个艺术家作品集，所以应该是图片），其中一些带有“精选”徽章。将 img 包装成强标签而不是使用 class="featured" 在语义上是否正确？会更加强调图像吗？

阅读 W3C 规范，它将 strong 和 em 称为文本级语义，但我不确定像 img 这样的媒体会发生什么。

非常感谢。

【问题讨论】：

【解决方案1】：

我认为这很好。您可能已经这样做了，但您需要确保 ALT 文本描述了图像被强调的原因。例如 alt="man with dog - 特色"

【讨论】：

【解决方案2】：

我认为这样做是完全可以接受的，而且更可取。

【讨论】：

语义通常是关于做出判断调用，在这种情况下，如果使用强标签，而使用 stly mearley 可以在视觉上区分，您将在标记中突出显示图像。毕竟，您希望此图像在 HTML 中以不同方式标记，

【解决方案3】：

首先，我认为 HTML 4 规范允许这样做。问题是，你能相信浏览器会用它做什么。我不会冒险。

但至少，在许多浏览器中，您可以将格式附加到

strong img {
    /* mark up for the featured image */
}

这应该适用于所有支持它的浏览器。

【讨论】：

【解决方案4】：

我不会在图像上使用 strong 标签，我不知道为什么它会更可取，因为它仅指“强调”文本：听觉用户代理可能会使用不同的声音来强调，这对图像毫无意义.

你为什么不直接使用一个类？

【讨论】：

是的，这正是我的疑问。不知道它是否真的为媒体内容增添了意义。关于听觉用户代理，Bruce Lawson 向我指出了这篇文章：paciellogroup.com/blog/?p=41 Interesting...
啊，这很有趣，现在有点混乱，我还是会去上课，但那就是我：P