template-self-closing-void-elements.md

ember/template-self-closing-void-elements

🔧 This rule is automatically fixable by the --fix CLI option.

Disallow or require self-closing void elements.

HTML has no self-closing tags. The HTML5 parser will ignore a self-closing marker on void elements (elements that should not have a closing tag), but it is unnecessary and can be confusing when mixed with SVG/XML-like syntax.

Examples

This rule forbids the following:

<template>
  <img src="http://emberjs.com/images/ember-logo.svg" alt="ember" />
  <hr />
</template>

This rule allows the following:

<template>
  <img src="http://emberjs.com/images/ember-logo.svg" alt="ember">
  <hr>
</template>

There may be cases where a self-closing tag is preferred for void elements. In those cases, pass the string "require" to require the self-closing form instead.

Configuration

The following values are valid configuration:

• boolean -- true for enabled / false for disabled
• string -- "require" to mandate the use of self-closing tags

References

• HTML spec/void elements