disallowed-element

指定された要素がドキュメントまたは要素に存在している場合に警告します。セレクターを使用して指定します。

これは不要な要素を検索するための汎用的なルールです。

HTML標準に準拠しているかどうかはpermitted-contentsルールを使用してください。

{ "disallowed-element": ["hgroup"] } を指定した場合:

❌ 間違ったコード例

<!-- "disallowed-element": ["hgroup"] -->
<div>
  <hgroup><h1>Heading</h1></hgroup>
</div>

✅ 正しいコード例

<!-- "disallowed-element": ["hgroup"] -->
<div>
  <h1>Heading</h1>
</div>

Interface

{
  "disallowed-element": string[]
}

Default Severity

error

設定例

rulesに指定すると、ドキュメント全体から要素を検索します。

{
  "rules": {
    "disallowed-element": ["hgroup"]
  }
}

nodeRulesまたは childNodeRulesに指定されている場合、ターゲット要素の子要素から要素を検索します。

{
  "nodeRules": [
    {
      "selector": "h1, h2, h3, h4, h5, h6",
      "rules": {
        "disallowed-element": ["small"]
      }
    }
  ]
}