我们可以根据网络标准在`<h1>`中放置`<img/>`吗?</h1>

时间:2009-10-22 06:56:31

标签: w3c web-standards xhtml-1.0-strict xhtml

我们可以根据网络标准在<img>内放置<h1>吗?像这样

<h1> Demo text <img src="anyimage.jpg"/> </h1>

5 个答案:

答案 0 :(得分:83)

是的,您可以 - DTD说:

<!ELEMENT h1  %Inline;>
<!ENTITY % Inline "(#PCDATA | %inline; | %misc.inline;)*">
<!ENTITY % inline "a | %special; | %fontstyle; | %phrase; | %inline.forms;">
<!ENTITY % special "%special.pre; | object | img ">

这基本上意味着h1可以包含%Inline,其由各种内容组成,包括img

答案 1 :(得分:38)

查看谁在使用它:http://www.w3.org/

<h1 class="logo"><a tabindex="2" accesskey="1" href="/"><img src="/2008/site/images/logo-w3c-mobile-lg" width="90" height="53" alt="W3C" /></a> <span class="alt-logo">W3C</span></h1>

答案 2 :(得分:15)

是的,这是允许的。但请不要忘记在alt上设置img属性!

答案 3 :(得分:3)

是和否。

您可以将图像放在h1元素中,但不完全相同...... alt属性是必需的。

答案 4 :(得分:0)

总结其他答案,<img>中使用<h1>是W3C有效的。

尽管完全有效,但应将alt属性添加到图像中,因为它是强制性的。此属性不需要包含文本。最好让它为空,而不是重复h1标记中已经写的内容。

如果您的图像是纯装饰性的,应该是:

<h1>Demo text <img src="anyimage.jpg" alt=""/></h1>

有关装饰图像的替代文本的更多信息:https://www.w3.org/WAI/tutorials/images/decorative/

如果图像具有特定含义或包含的文本与h1中的文本不同,请使用适当的替代方法。