Skip to main content

case-sensitive-tag-name

Warns that the tag name is not in one of uppercase or lowercase letters. Unlike HTML, foreign elements (SVG or MathML) are case sensitive, so they are not subject to this rule.

Tags contain a tag name, giving the element's name. HTML elements all have names that only use ASCII alphanumerics. In the HTML syntax, tag names, even those for foreign elements, may be written with any mix of lower- and uppercase letters that, when converted to all-lowercase, matches the element's tag name; tag names are case-insensitive.

Cite: HTML Living Standard 13.1.2 Elements

Also, Markuplint's HTML parser does not distinguish case of custom element tag names, but this rule works like HTML standard element. But originally you can not define a name that contains uppercase alphabets in custom elements. We recommend that you consider when setting rules.

❌ Examples of incorrect code for this rule

<DIV><p>lorem</p></DIV>
<IMG src="path/to">

✅ Examples of correct code for this rule

<div></div>
<svg><textPath></textPath></svg>

Interface

{
"case-sensitive-tag-name": "lower" | "upper"
}
ValueDefaultDescription
"lower"Warns that the tag name is not in lowercase.
"upper"Warns that the tag name is not in uppercase.

Default Severity

warning