HTML 5 is getting a lot of press these days and I get a constant stream of questions from many non-techies, as well as developers, asking me to explain HTML5 in laymanâ€™s terms. So here it is.
Why should we care about HTML 5? HMTL 5 brings many long awaited enhancements that make it easier for web developers to build more complex applications. More importantly, HTML 5 is being adopted by the major browser vendors: Google, Microsoft, Mozilla and Apple and this adoption is making it possible for developers to take advantage of the latest web technology that are built into web browsers.
How is HTML 5 â€śbuilt into a web browserâ€ť? Web browsers have to interpret a web page first, and then display the content for you. BrowsersÂ contain logic thatÂ let’s themÂ parse a pages’ code, andÂ that code provides instructionsÂ forÂ the browser to do certain things. Behind the scenes, in fact, the page you are looking at is built using code. It’s the browser that interprets the code and displays it in a way that makes sense to you. If you haven’t ever seen web page code then you can usually select View > Source onÂ your browsers tool bar. Cool, right?!
HTML 5. HTML 5 is the latest version of the Hypertext Markup Language (HTML) specification which has been around in various forms since approximately 1991. HTML is a tag based language that defines the meaning and placement of elements of a web page. For example, a <button> tag defines a clickable button on a web page.
Cascading Style Sheets (CSS). Cascading Style Sheets, or more specifically CSS version 3 (a.k.a CSS3), provide the ability to apply styling to HTML elements. An example of styling would be to change the color of an HTML <button> from grey to green,Â as well as defining where on a web page it will be visible such as the top left corner.
This all sounds great, are there any downsides? Yes. First, HTML 5 is a standards-based specification that is still a work in progress. The specification and all itsâ€™ associated parts wonâ€™t be finalized for some time, possibly years. The good news is that browser vendors are keen to adopt this standard as much as possible. Second, implementation across different browsers isnâ€™t 100% consistent. The good news is that there are tools and online resources to help developers work around many of these problems. Last, older versions of browsers (e.g. Internet Explorer 7 or 8, older versions of Safari, etc) donâ€™t support HTML 5. There are strong campaigns under way to educate people to upgrade for security, performance and viewing experience.
So, there you have it. Thatâ€™s a cursory pass at HTML 5 and I hope this post helps. Iâ€™ve added a few links at the bottom if you want to learn more about it.
Â HTML5Rocks.com â€“ includes information on features, tutorials and great slide decks.
w3Schools.com – Â includes live â€śTry itâ€ť samples that let you explore the functionality.
W3C HTML 5 Specification â€“the World Wide Web Consortium is the group that writes the standards. If you are a techie, this is â€śtheâ€ť specification that the browser vendors base their functionality on.