4

在从我的开发提要导入到 Facebook Instant Articles 的许多文章中,我收到错误“HTML 元素不包含任何文本:避免包含空的 HTML 元素。” 它似乎与没有其他内容的图形中的图像有关。谁能告诉我 Facebook 在抱怨什么?我的标记似乎符合 Facebook自己的图形标签内的简单图像示例,那么问题出在哪里?

在此处输入图像描述

4

4 回答 4

9

<p>事实证明,如果其中没有文本,Facebook 解析器不喜欢包装元素的标签。当我在 Facebook 代码编辑器中编辑以黄色警告图标突出显示的一篇文章时,有一个空的<p></p>

在此处输入图像描述

当我删除空元素时,错误警告仍保留在代码视图中。但这只是代码编辑器中的一个小故障。您不能总是依赖其中突出显示的错误。(这解释了为什么我的问题中的图片中有一个代码错误警告,即使我删除了<p>。)在文章列表中,警告图标消失了:

在此处输入图像描述

FB 发布 Instant Article。

如果您的标记包含类似<p><img src="..."></p>. FB 期望所有<p>标签都包含文本。

于 2016-03-04T10:10:50.670 回答
0

用于 wordpress 网站的 PIA,它的所有内容都介于两者之间

标签,这最终会生成一个<p> empty <\p>. 为此,您需要浏览您的帖子内容并删除所有这些空标签。

于 2016-04-12T15:06:59.767 回答
0

也许尝试关闭<img >标签:

<figure>
    <img src="https://test.files.wordpress.com/2015/07/selleck1.jpg?quality=60&strip=all />
</figure>

可能是 Facebook 只是删除了无效的 XML (!),导致观察到错误消息。

在示例中

- 但自封闭 -<img>标记是封闭的(如在 XHTML 中,而不是限制较少的 HTML5)。

于 2015-12-25T21:35:12.003 回答
-1

只需在编辑模式中打开带有警告标记的文章并更新即可。它会修复。

于 2017-01-19T05:21:15.437 回答