检查并插入缺少alt属性的图像

Question

我想写一个Java工具来评估现有网站的超文本标记语言页面，如果任何图像没有alt属性，该工具将插入alt="“到该图像。一种方法是使用HTML解析器(如HtmlCleaner)生成DOM，然后在写回HTML之前将alt属性添加到DOM中的图像。

然而，这种方法不会保持原始HTML的完整性，并可能导致一些不可预测的副作用，特别是。当现有的HTML页面数量巨大，并且不能保证它们的格式良好时。

有没有更安全的方法来实现这一点(例如，应该保持原始HTML不变，只添加alt属性)？

Answer 1

除了编写一些糟糕的regexp或其他字符串操作代码之外，我认为没有其他方法可以做到这一点。

我真的怀疑你为什么要这么做？我能想到的唯一原因是通过某种类型的自动验证，但需要alt标记的原因是可用性问题。添加空的alt标签对此没有任何帮助。你只是在隐藏问题。

相反，我建议编写一些Javascript，在缺少alt标记的图像周围抛出红色边框，并让前端设计者为这样标记的每个图像添加有意义的alt标记。

Answer 2

在你的布局中添加空的alt标签是没有意义的。我赞同Kris的观点，那就是它违背了最初使用alt标记的目的，我同意David Dorward的评论。

但是，如果这里有什么不可抗力的动机，你可以事后在浏览器中用javascript (或者，最好是jQuery)来做。客户端的浏览器肯定不能更改原始的HTML，即使它的格式不是很好，它也足够智能来解析它。

使用jQuery将此脚本放在页面的标题部分：

<script language="javscript">
$(function() {
    $('img:not([alt])').attr('alt','');
});
</script>

并确保包含jQuery库。

Answer 3

我曾经成功地使用过Jericho HTML Parser library来解析HTML。它应该能够很好地处理格式不佳的HTML。不过，这会改变原始的HTML。