Why is it a bad thing to have multiple HTML elements with the same id attribute?

by

Based on your question you already know what w3c has to say about this:

The id attribute specifies a unique id for an HTML element (the id
attribute value must be unique within the HTML document).

The id attribute can be used to point to a style in a style sheet.

The id attribute can also be used by a JavaScript (via the HTML DOM)
to make changes to the HTML element with the specific id.

The point with an id is that it must be unique. It is used to identify an element (or an anything: if two students had the same student id schools would come apart at the seems). It’s not like a human name, which needn’t be unique. If two elements in an array had the same index, or if two different real numbers were equal… the universe would just fall apart. It’s part of the definition of identity.

You should probably use class for what you are trying to do, I think (ps: what are you trying to do?).

Hope this helps!

More Related Contents:

  1. How to Create Border In Css Iike
  2. CSS margin terror; Margin adds space outside parent element [duplicate]
  3. Table fixed header and scrollable body
  4. How to vertically align text inside a flexbox?
  5. display: inline-block extra margin [duplicate]
  6. Limit number of characters allowed in form input text field
  7. CSS3 Transform Skew One Side
  8. On hover of child, change background color of parent container (CSS only)
  9. Why does my header moves down when I set it fixed?
  10. Is there a way to remove a div but keep its elements?
  11. Generate repeating hexagonal pattern with CSS3
  12. Youtube embedded video: autoplay feature not working in iphone
  13. Animating Linear Gradient using CSS
  14. How do change the color of the text of an within a ?
  15. How do I do awesome refreshless page changes like GitHub do?
  16. Vertical (rotated) text in HTML table
  17. Should image size be defined in the img tag height/width attributes or in CSS? [duplicate]
  18. Pure CSS Continuous Horizontal Text Scroll Without Break
  19. Equal width columns in CSS Grid
  20. How to align entire html body to the center?
  21. How to create valid HTML5 using frames?
  22. Zoom to fit: PDF Embedded in HTML
  23. Can you tab through all radio buttons?
  24. A library to convert ANSI escapes (terminal formatting/color codes) to HTML [closed]
  25. How to make a radio button look like a toggle button
  26. How to Preload Images without Javascript?
  27. Styling autocomplete dropdowns in browsers
  28. Giving background-color to body applying whole page. Why?
  29. Change image on hover
  30. Why does a border increase the element’s width?

Leave a Comment