Articles Tagged classes

You can have multiple classes on an HTML element:

<div class="module p-2"></div>

Nothing incorrect or invalid there at all. It has two classes. In CSS, both of these will apply:

.module { }
.p-2 { }

const div = document.querySelector("div");
console.log(div.classList.contains("module")); // true
console.log(div.classList.contains("p-3"));    // false

But what about grouping them? All we have here is a space-separated string. Maybe that’s fine. But maybe we can make things more clear!… Read article “Could Grouping HTML Classes Make Them More Readable?”

Last time, we saw how the average web page looks like using data from about 8 million websites. That’s a lot of data, and we’ve been continuing to sift through it. We’re back again this time to showcase some random and hopefully interesting facts on markup usage.… Read article “Random Interesting Facts on HTML/SVG usage”

There are two kinds of HTML:

1. HTML that makes up templates
2. HTML that is content

I feel like some discussions about HTML are clouded by not making this distinction.… Read article “Templates are easy to change. Content usually isn’t.”