HTML Statistics: 5 Take-Aways
Post from February 13, 2017 (↻ December 5, 2021), filed under Web Development (feed).
A few quick comments on Catalin Rosu’s interesting follow-up analysis of his sampling of eight million websites. Some practices, those that can be considered commendable, are wonderful to note, others Catalin and Chris have already justly commented on, yet one or the other point drowned. I find this a great opportunity to review.
Hiding DOM elements: Instead of using presentational class names we should, as always, use functional or generic names.
lang: There are problems with
lang, from the possibility to set language on a server level to making the issue of language detection a software problem, and in many cases we don’t need it.
.cf: Naming best practices don’t yield to popularity. We should clear containers with what we have in the markup, and if there are no hooks, then we should use functional or generic names again. As for clearfixes in general, let’s just use
Void elements: A bit snarky, are the people who suggest not to close void elements “for brevity” the ones who are still afraid of omitting optional tags? The recommendation is spot on, and there’s good reason to go as far as to omit everything that’s optional, for the same brevity—especially when brevity not only aids performance but also understanding.
❧ One or the other point may seem strict but what they all reflect is the idea of tailoring, of only using what’s necessary and avoiding everything that’s unnecessary and, of course,—the idea of quality.
I’m Jens, and I’m an engineering lead and author. I’ve worked as a technical lead for Google, I’m close to W3C and WHATWG, and I write and review books for O’Reilly. I love trying things, sometimes including philosophy, art, and adventure. Here on meiert.com I share some of my views and experiences.
If you have a question or suggestion about what I write, please leave a comment (if available) or a message. Thank you!
Maybe this is interesting to you, too:
- Next: Principles of Web Development
- Previous: 10 Photos IV
- More under Web Development, or from 2017
- Most popular posts
Looking for a way to comment? Comments have been disabled, unfortunately.
Get a good look at web development? Try The Web Development Glossary (2020). With explanations and definitions for literally thousands of terms from Web Development and related fields, building on Wikipedia as well as the MDN Web Docs. Available at Apple Books, Kobo, Google Play Books, and Leanpub.