I am not much of a writer, but I have been keen on staying up to date with things that come up on the Web. I was there when people were debating about CSS-in-JS. It was also fun reading people's opinions on whether to use React or Vue or Angular or anything else. And it was also a very good experience for me when people more experienced than I am talked about fundamentals versus frameworks.
I have been a Web developer for 3 years, and I can say that these issues are what matter to me. They could either make my life easier or give me headaches as I try to meet deadlines that I won't make anyway. But one thing I have noticed that whenever people come up to me and find out that I create Web sites for a living, they don't really care about what we use or how we do things. They are on the Web because of the stuff that's on the Web. And this is something that I have read multiple times in blogs by other developers and designers.
The emphasis has been on providing quality content rather than tooling. It's what our users care about. But what I want to talk about is semantics, the proper usage of HTML tags.
I came across a transcript of Sir Tim Berners-Lee's talk for the 35th anniversary of the LCS, The Future of the Web. There he mentioned a Documents and Data, with documents being what we humans consume, and data being what robots work with to make sense of the content. Being sentient beings, we humans have the ability to make sense of textual content, or any content really, and understand what it is about. But robots, although they have the ability to read much much more content, they have no ability to make sense of it. That reminds me of what Sir Berners-Lee invented: the HyperText Markup Language. It marks up the content we humans could understand (document) so robots can actually make sense of it and do things with it (data).
There are various articles and videos and podcasts that discusses just how important semantic HTML is.
- It entails better search rankings
- It leads to more maintainable code
- It is easier to style
- It is more accessible
- It makes your code future-proof
However, not a lot of people are buying that. There are still people who settle with using
<div>s instead of
<section>s where appropriate.
I recently came across an article by Sir Tim Berners-Lee, Answers for Young People, where he answers frequently asked by students for their projects or homework. One of the questions was
"What made you think of the WWW?" And he has this for an answer:
Because people at CERN came from universities all over the world, they brought with them all types of computers... I actually wrote some programs to take information from one system and convert it so it could be inserted into another system. More than once. And when you are a programmer, and you solve one problem and then you solve one that's very similar, you often think, "Isn't there a better way? Can't we just fix this problem for good?" That became "Can't we convert every information system so that it looks like part of some imaginary information system which everyone can read?" And that became the WWW.
The Web has been one of the greatest inventions of man, in that it broke down boundaries. It is World Wide and does not fear differences in operating systems, or devices and machines, or even the people who use it. It is everywhere and it just works. However, when you think about it, we are still in a fragmented cyberspace—people have disabilities and operate under different environments that make their browsing experiences different; we use different devices, some use desktops and laptops, others use tablets and mobile devices, and some others browse the Web on smart TVs and other devices; and on those devices we have yet another spectrum of browsing modes—reader modes like the one that comes with Firefox, command-line browsers, screen readers, and other kinds of stuff.
Brilliant people have been, for the sake of maintaining the Web as an open platform, devising tactics to break these boundaries and fragmentations down. We had Responsive Web Design, and now Intrinsic Web Design, to solve the problem with differences in devices. We also have the WebAIM and tons of blogs, videos, and podcasts to urge developers all around the world to make their sites accessible to everybody regardless of whether they are disabled or not.