使用grunt-htmllint强制执行noopener noreferrer

Question

我最近正在使用create-react-app，并注意到<a>中的App.js标签正在使用noopener noreferrer属性。我还注意到，分散在我们代码库中的是<a>标签，这些标签没有使用上述属性。

我想使用grunt-htmllint添加一条规则，以强制添加这些属性，但是我在应该添加到"tag-req-attr"的值中遇到麻烦。

该规则的文档已列出here，但对我而言，用法令人困惑。如何设置指定的<a>标签以包含上述规则？

我正在寻找一种方法来强制rel属性同时包含noopener and noreferrer，例如：

<a href="#" target="_blank" rel="noopener noreferrer">My Link</a>

谢谢

Answer 1

根据https://developers.google.com/web/tools/lighthouse/audits/noopener，看来noreferrer处理这两种情况：rel="noreferrer" attribute has the same effect, but also prevents the Referer header from being sent to the new page.

在这种情况下，仅使用link-req-noopener规则就足够了。