What is the difference between an <id> and a <class> in HTML?

Daniel Fischer

I'm struggling to find the difference between what an <id> and a <class> is. Can someone please explain the nuances between the two?

CMC Community Manager

This question often arises because both id and class attributes are used to identify and style HTML elements, but they have different purposes and rules:

• id: An id is unique and can only be used once per page. It’s meant to identify a single element for styling or referencing in JavaScript.
• class: A class can be used for multiple elements and allows for grouping similar elements for styling. Multiple elements can share the same class.

<div id="header">This is a unique header</div>
<div class="section">This is a section</div>
<div class="section">This is another section</div>

For more information please visit the following link