javascript - 多个 HTML 相同的 id 元素，如果只有一个在 DOM 中呈现

Question

如果在 dom 中只渲染一个元素，你能有多个相同的 id 元素吗？例如在 Laravel 中你可以有:

 @if (Route::has('login'))
   @auth
     <h2 id='header'>Dashboard</h2>
 @else
     <h2 id='header'>Sign up</h2> 
   @endauth
 @endif

我意识到同一元素上的多个 id 是不好的做法，但从技术上讲，在这种情况下，DOM 中只会呈现一个元素，就浏览器而言，它只会检测到其中一个元素，所以它会不会有任何关于javascript等的不良影响..？虽然它可以简化 css。
我不打算在我的项目中使用它，只是好奇。

Answer 1

我会这样走:

@if (Route::has('login'))
  <h2 id="header">{{ Auth::check() ? 'Dashboard' : 'Sign up' }}</h2>
@endif