Skip to content

html-no-duplicate-meta-names.md

Latest commit

 

History

History
64 lines (48 loc) · 1.48 KB

html-no-duplicate-meta-names.md

File metadata and controls

64 lines (48 loc) · 1.48 KB

Linter Rule: Duplicate <meta> name attributes are not allowed

Rule: html-no-duplicate-meta-names

Description

Warn when multiple <meta> tags share the same name or http-equiv attribute within the same <head> block, unless they are wrapped in conditional comments.

Rationale

In HTML, duplicate <meta> tags with the same name or http-equiv can cause unexpected behavior. For example, search engines or social sharing tools may use the wrong value. These duplicates are often the result of copy-paste or partial rendering logic and should be avoided.

Examples

✅ Good

<head>
  <meta name="description" content="Welcome to our site">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<head>
  <% if mobile? %>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <% else %>
    <meta name="viewport" content="width=1024">
  <% end %>
</head>

🚫 Bad

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="viewport" content="width=1024">
</head>
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta http-equiv="X-UA-Compatible" content="chrome=1">
</head>
<head>
  <meta name="viewport" content="width=1024">

  <% if mobile? %>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <% else %>
    <meta http-equiv="refresh" content="30">  
  <% end %>
</head>

References

-