HTML ESLint

HTML ESLint

  • Docs
  • GitHub
  • PlayGround

โ€บBest Practice

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/require-closing-tags

Require use of closing tag.

Rule Details

This rule checks whether the tag has closing tag or not.

๐Ÿ‘Ž Examples of incorrect code for this rule:

<div>

๐Ÿ‘ Examples of correct code for this rule:

<div></div>

Options

This rule has an object option for Void Elements.

  • "selfClosing": "never": (default) disallow using self closing tag on Void Elements.

  • "selfClosing": "always": enforce using self closing tag on Void Elements.

selfClosing : "never"

๐Ÿ‘Ž Examples of incorrect code for the { "selfClosing": "never"} option:

<img />
<base />

๐Ÿ‘ Examples of correct code for the { "selfClosing": "never"} option:

<img>
<base>

selfClosing : "always"

๐Ÿ‘Ž Examples of incorrect code for the { "selfClosing": "always" } option:

<img>
<base>

๐Ÿ‘ Examples of correct code for the { "selfClosing": "always" } option:

<img />
<base />

Further reading

  • Void Elements
โ† @html-eslint/no-obsolete-tags@html-eslint/require-meta-charset โ†’
  • Require use of closing tag.
    • Rule Details
    • Options
    • Further reading
Docs
Getting StartedAll Rules
More
GitHubStar
Built with Docusaurus