我们可以根据网络标准在<img>
内放置<h1>
吗?像这样
<h1> Demo text <img src="anyimage.jpg"/> </h1>
答案 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中的文本不同,请使用适当的替代方法。