ID vs Class in HTML

DimasRMDO · November 13, 2015

Uh.... I've been thinking about this.... What's the differences between ID and Class? For example...

<div class="___"></div>

and

<div id="___"></div>

What's the difference? In the end it'll be edited in CSS anyway and the result is the same....

Does "ID" and "Class" affect Javascript or maybe something else?

Nonco · November 13, 2015

https://css-tricks.com/the-difference-between-id-and-class/

DimasRMDO · November 14, 2015

Each element can only have one ID, with each page having only one element with that ID.

Multiple elements can have the same class, and elements can have multiple classes.

Kinda confusing, it just changes what you're manipulating.

https://css-tricks.com/the-difference-between-id-and-class/

Well these help me at least, thank you!

Still trying to figure things out, but these give me some clues.

SomeRandomUsername · November 14, 2015

Uh.... I've been thinking about this.... What's the differences between ID and Class? For example...
<div class="___"></div>
and
<div id="___"></div>
What's the difference? In the end it'll be edited in CSS anyway and the result is the same....

Does "ID" and "Class" affect Javascript or maybe something else?

Classes are useful for JavaScript (such as the .addClass() method) but they can also be useful for when you're reading your code. I've done quite a bit of freelance web design myself and using both class and ID helps me distinguish unique elements from uniform elements. But as Jared pointed out, you can have multiple classes on each element, making it useful for implementing things such as Bootstrap or Google Material Design.