There’s no question, HTML5 is a hot topic for developers. If you need a crash course to quickly understand the
fundamentals of HTML5’s functionality, you’re in the right place.
I’ll cover the new semantic markup, canvas for drawing and animation, audio and video support, and how to use
HTML5 with older browsers. Might be a bit more than five minutes, but I promise I’ll keep it quick. Stick with me…it’ll
be worth it!
Semantic Markup and Page Layout
There’s a great story about a university who, when building their campus, didn’t create any walking paths. They just planted grass and waited.
A year later, the grass was all worn out where people walked most frequently. So that’s where the university paved the actual sidewalks.
It makes perfect sense! The sidewalks were exactly where people actually walked.
The HTML5 new semantic elements were based on that exact same logic (see the W3C design guidance to “Pave the Cowpaths”).
Semantic elements describe their meaning or purpose clearly to the browser and to the developer. Contrast that with
(for example) the <div> tag. The <div> tag defines a division or a section in an HTML document, but it doesn’t tell us anything about its content or convey any clear meaning.