HTML ESLint

HTML ESLint

  • Docs
  • GitHub
  • PlayGround

›Style

Getting Started

  • Getting Started

Disabling with inline comments

  • Disable rules with inline comments

CLI (Check HTML file on URL)

  • CLI (Run on URLs)

Rules

  • All Rules
  • SEO

    • @html-eslint/require-lang
    • @html-eslint/require-title
    • @html-eslint/no-multiple-h1
    • @html-eslint/require-meta-description

    Style

    • @html-eslint/no-extra-spacing-attrs
    • @html-eslint/element-newline
    • @html-eslint/indent
    • @html-eslint/quotes
    • @html-eslint/id-naming-convention
    • @html-eslint/no-multiple-empty-lines

    Best Practice

    • @html-eslint/require-doctype
    • @html-eslint/no-duplicate-id
    • @html-eslint/no-inline-styles
    • @html-eslint/require-li-container
    • @html-eslint/no-obsolete-tags
    • @html-eslint/require-closing-tags
    • @html-eslint/require-meta-charset
    • @html-eslint/no-target-blank
    • @html-eslint/no-duplicate-attrs
    • @html-eslint/require-button-type
    • @html-eslint/no-restricted-attrs

    Accessibility

    • @html-eslint/require-img-alt
    • @html-eslint/no-skip-heading-levels
    • @html-eslint/require-frame-title
    • @html-eslint/no-non-scalable-viewport
    • @html-eslint/no-positive-tabindex
    • @html-eslint/require-meta-viewport
    • @html-eslint/no-abstract-roles
    • @html-eslint/no-aria-hidden-body
    • @html-eslint/no-accesskey-attrs

@html-eslint/quotes

Enforce consistent quoting attributes with double(") or single(')

Rule Details

This rule enforces the consistent use of double(") or single(') qoutes for element attributes.

Options

This rule has two options

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

"double"

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

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

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

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

"single"

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

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

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

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

Further reading

MDN - Quoting attributes

← @html-eslint/indent@html-eslint/id-naming-convention →
  • Enforce consistent quoting attributes with double(") or single(')
    • Rule Details
    • Options
    • Further reading
Docs
Getting StartedAll Rules
More
GitHubStar
Built with Docusaurus