使用<object>而不是<img>包含图像是否有效？

Question

受这个问题的启发,海报随意陈述为<object>应该使用的事实,而不是<img>在HTML文档中嵌入图像.

我正在开发一个网络应用程序,并且,作为一个完美主义者,我试图使它完全闪亮并符合所有标准.据我所知,该<img>标签将在即将推出的xHTML标准中弃用,并且如今即使IE能够<object>正确处理,我也希望将<object>标签用于我网站上的所有图像

很明显,海报所讨论的"即将出台的标准"是废弃的XHTML2规范,它甚至都没有正式弃用<img>.(虽然显然有传闻说这种效果.)

据我所知,我没有看到网络开发社区中的任何人提倡使用通用<object>标签而不是可论证的更具语义性和绝对更兼容的<img>标签.

是否有充分的理由使用<object>而不是<img>？如果<object>即使在全部到位的使用<img>什么可能这个突破- ？

Answer 1

要回答标题中的问题:是的,它当然是有效的.object元素的有效性甚至不依赖于嵌入的数据类型.如果您打算询问它是否正确,那么答案是肯定的,规范中没有任何内容可以禁止或推荐它.

在使用object嵌入图像的可能原因中,最实用的是它允许后备内容包含HTML标记,例如标题,列表,表格和短语标记.该img元素允许您仅将纯文本指定为后备内容 - 甚至无法指定段落分隔符.

出于可访问性的原因,任何图像都应具有要渲染的后备内容,例如,当文档用于非视觉浏览(屏幕阅读器,盲文等)或图像因某种原因而未显示时.对于任何内容丰富的图像(例如,组织结构图或描述复杂过程的图纸),后备内容需要很长并且需要具有某种结构.

但是,很少object用于嵌入图像.后备内容的重要性尚未被广泛理解,并且实际的经济和技术考虑经常导致后备问题被忽略.此外,object在浏览器中实施缓慢,错误和质量差的历史悠久.直到最近才能object相当安全地使用图像.

该元素是更多的语义的问题大多是徒劳的,而且答案通常反映刚刚各种方式误解的概念"语义."无论是img和object平均外部内容包含(嵌入).该img元素原则上用于包含图像,无论这意味着什么,尽管它也被用于包括视频.对于object元素,该type属性可以用于指定嵌入内容的类型,直到特定图像类型,例如type=image/gif,或者它可以保持打开.

这意味着object元素更灵活:您可以保留未指定的类型,让它在HTTP标头中指定.这样,可以在不改变object元素或嵌入文档的情况下改变嵌入数据的类型; 例如,您可以从一个简单的版本开始,其中嵌入的内容是一个图像,稍后用HTML文档(例如包含图像和文本)替换它.

Answer 2

我唯一一次看到用于显示图像的对象是在无论何种原因无法加载目标对象时创建"后备".以W3规格为例:

<OBJECT title="The Earth as seen from space" classid="http://www.observer.mars/TheEarth.py">
    <!-- Else, try the MPEG video -->
    <OBJECT data="TheEarth.mpeg" type="application/mpeg">
        <!-- Else, try the GIF image -->
        <OBJECT data="TheEarth.gif" type="image/gif">
            <!-- Else render the text -->
            The <STRONG>Earth</STRONG> as seen from space.
        </OBJECT>
    </OBJECT>
</OBJECT>

只有尝试通过对象加载图像基本上消除了图像的语义,我认为这是非常糟糕的做法.

Answer 3

没有充分的实际理由使用object代替img。object始终受到不一致和混乱的支持。使用img图片，embed为Flash内容，以及video或audio多媒体内容。基本上，objectleft 的唯一用途是调用特定的插件。

也就是说，object存在的哲学立场仍然非常好。对于任何可能包含嵌套后备内容的内容类型，它都是通用的元素。W3C / XHTML2对于html有一个非常理想的路线图，该路线图强调语法和语义上的纯正性，并希望在诸如href任何元素（消除a）上执行allow 等操作，并img反对object。但是，浏览器似乎永远无法以object完全通用的方式正确使用。此外，很难为通用object元素定义js API 。这是为什么video和audio彼此分开的一个重要原因- object提供视频不会公开js视频API。

但是，XHTML2丢失了，HTML5赢得了，HTML5赢得了青睐img，因此请使用img。