我们可以根据网络标准将“”放置在“

”内吗?

发布于 2024-08-08 08:17:20 字数 174 浏览 5 评论 0原文

我们可以根据网络标准将 放在

中吗?像这样

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

Can we place <img> inside <h1> according to web standards? like this

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

乜一 2024-08-15 08:17:20

是的,你可以 - 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< /code> 可以包含 %Inline,它由各种东西组成,包括 img

Yes, you can - the DTD says:

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

That basically means h1 can contain %Inline, which is made of various things, including img

太阳哥哥 2024-08-15 08:17:20

看看谁在使用它: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>

Look who is using it: 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>
夏末染殇 2024-08-15 08:17:20

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

Yes, this is allowed. But don’t forget to set the alt attribute on the img!

我为君王 2024-08-15 08:17:20

是和不是。

您可以将图像放置在 h1 元素内,但不完全像那样...... alt< /a> 属性是强制的。

Yes and no.

You can place an image inside an h1 element, but not quite like that … the alt attribute is mandatory.

独享拥抱 2024-08-15 08:17:20

总结其他答案,

内使用 是 W3C 有效的。

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

在您的情况下,如果图像纯粹是装饰性的,则应该是:

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

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

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

To summarize the other answers, it is W3C valid to use an <img> inside an <h1>.

Though to be completly valid you should add an alt attribute to your image, because it's mandatory. This attribute doesn't need to contain text. It's better letting it empty than repeating what is already written in the h1 tag.

In your case if the image is purely decorative it should be:

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

More info on text alternatives for decorative images: https://www.w3.org/WAI/tutorials/images/decorative/

If the image has a particular meaning or contains a text different than the one in the h1, then use an appropriate alternative.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文