<h1> 有效的 html 中有 <img> 标签吗？ [复制]答案

【问题标题】：Is having an <img> tag inside an <h1> valid html? [duplicate]<h1> 有效的 html 中有 <img> 标签吗？ [复制]
【发布时间】：2023-03-21 03:27:01
【问题描述】：

可能重复：
Can we place `<img>` inside `<h1>` according to web standards?

我想在每个 H1 标题的末尾添加一个小图像，最简单的方法是创建图像并简单地

<h1>Title <img src="image.png" ></h1>

我不想使用背景图片，因为我希望图片位于 h1 标题的末尾，这意味着它会发生变化，并且只能固定背景。

在任何 html 标准中，标题标签中的 img 标签是无效代码吗？

我通过 HTML5 的 W3 标记验证运行了这个：

<h1>Hello <img src="smiley.gif" alt="Smiley face" height="42" width="42"></h1>

我收到以下错误：

第 1 行，第 19 列：元素头部缺少子元素标题的必需实例。

有人知道这是什么意思吗？

【问题讨论】：

【解决方案1】：

让您的页面通过 w3c 验证，他们会告诉您。 http://validator.w3.org/

【讨论】：

【解决方案2】：

根据MDN<h1>标签的内容应该是“短语内容”，其中也包括<img>标签。

另一方面，您可以使用 CSS-style background-position 来根据需要对齐背景图像：

background-image: url( image.png );
background-position: right;

【讨论】：

【解决方案3】：

我不认为这是无效的，但正如@Ekonion w3.org 所建议的那样，这是检查它的正确选项。

除此之外，您还可以根据需要使用 css background-position 将图像定位在背景中。反正只是一个替代品:)

希望对你有帮助。

【讨论】：