noObsoleteTags (HTML)

Summary

Diagnostic Category: lint/nursery/noObsoleteTags
This rule doesn’t have a fix.
The default severity of this rule is warning.
Sources:
- Same as @html-eslint/no-obsolete-tags

How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "nursery": {
5
        "noObsoleteTags": "error"
6
      }
7
    }
8
  }
9
}

Description

Disallow obsolete HTML elements.

Obsolete elements are no longer part of conforming HTML. Use standard HTML elements for structure and semantics, and CSS for presentation.

This rule disallows acronym, applet, basefont, bgsound, big, blink, center, dir, font, frame, frameset, isindex, keygen, listing, marquee, menuitem, multicol, nextid, nobr, noembed, noframes, plaintext, rb, rtc, spacer, strike, tt, and xmp.

Tag names are case-insensitive in HTML files. Custom components in template languages, such as <Font />, are not HTML elements and are ignored.

Examples

Invalid

1
<font color="red">Warning</font>

code-block.html:1:2 lint/nursery/noObsoleteTags ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ⚠ The font element is obsolete.
  
  > 1 │ <font color="red">Warning</font>
      │  ^^^^
    2 │ 
  
  ℹ Obsolete elements are no longer part of conforming HTML.
  
  ℹ Use standard HTML elements for structure and semantics, and CSS for presentation.
  
  ℹ This rule belongs to the nursery group, which means it is not yet stable and may change in the future. Visit https://biomejs.dev/linter/#nursery for more information.

1
<acronym title="World Wide Web">WWW</acronym>

code-block.html:1:2 lint/nursery/noObsoleteTags ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ⚠ The acronym element is obsolete.
  
  > 1 │ <acronym title="World Wide Web">WWW</acronym>
      │  ^^^^^^^
    2 │ 
  
  ℹ Obsolete elements are no longer part of conforming HTML.
  
  ℹ Use standard HTML elements for structure and semantics, and CSS for presentation.
  
  ℹ This rule belongs to the nursery group, which means it is not yet stable and may change in the future. Visit https://biomejs.dev/linter/#nursery for more information.

Valid

1
<span class="warning">Warning</span>
2
<abbr title="World Wide Web">WWW</abbr>

Resources

HTML specification: Non-conforming features