在<h1>有效的html中有<img/>标记吗？</h1>

Question

  

可能重复：
  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列：元素头缺少必需的子元素标题实例。

任何人都知道这意味着什么？

Answer 1

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

Answer 2

根据MDN，<h1>标记的内容应为“短语内容”，其中也包含<img>个标记。

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

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

Answer 3

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

除此之外，您还可以使用css background-position根据您的要求在后台定位图片。无论如何只是一个替补：）

希望它有所帮助。