quotes

This rule enforces consistent quoting attributes with double(") or single(')

How to use

.eslintrc.js
module.exports = {
  rules: {
    "@html-eslint/quotes": "error",
  },
};

Rule Details

Options

This rule has two options

  1. "double" (default): requires the use of double quotes(").
  2. "single": requires the use of single quotes(')

"double"

Examples of incorrect code for this rule with the default "double" option:

<div id='foo'></div>

Examples of correct code for this rule with the default "double" option:

<div id="foo"></div>
<div id='containing "double" quotes'></div>

"single"

Examples of incorrect code for this rule with the "single" option:

<div id="foo"></div>

Examples of correct code for this rule with the default "single" option:

<div id='foo'></div>
<div id="containing 'single' quotes"></div>

Further Reading

  1. MDN - Quoting attributes