On HTML (and HTML in 2020)
Post from November 10, 2020, filed under Web Development.
HTML is awesome. If I were to call out three important facts and aspects of HTML I’d pick the following:
Writing good HTML makes not only for a superb craft that you cannot just put on your CV without studying and practicing; it really is what allows us to make the vision for the Web a reality: to make information accessible to everyone.
Where are we on those fronts?
That’s something that the now-yearly Web Almanac helps to answer; and something I’m very happy to have worked on answering in this year’s HTML chapter, with support by Catalin Rosu and Ian Devlin: Part I, Chapter 3: Markup.
Since the beginning of time,
aelements have been among the most popular, most commonly used HTML elements. In 2020, they are trailing only
divelements: The 6,347,919 mobile pages we analyzed for the Almanac use 844,580,132 anchors. The probability that a document contains an
aelement is likewise very high: It’s at 98.32%.
HTML has 112 elements. The median web page uses 30. The 90th percentile, 41. You don’t need to, you can’t even use all HTML elements. Yet it’s likely that we observe quite a one-sided use of HTML; consider just the extreme popularity of
spanelements. HTML is not nearly being exhausted yet.
When you then look at not only what markup is being used (those custom elements, those obsolete elements, those proprietary and invented elements) and how that markup is being used (from
h8headings to the specific use of
summary), and then note how many pages are (of course!) invalid when they’re ever validated (79%), then… then we’re not left with much of a craft, then, after decades, we haven’t quite made much of the vision yet.
If you have a question or suggestion about what I write, please leave a comment (if available) or a message.
Have a look at the most popular posts, possibly including:
Perhaps my most relevant book: CSS Optimization Basics (2018). Writing CSS is a craft. As craftspeople we strive to write high quality CSS. In CSS Optimization Basics I lay out some of the most important aspects of such CSS. (Also available in a bundle with Upgrade Your HTML and The Web Development Glossary.)
Looking for a way to comment? Comments have been disabled, unfortunately.