What Is HTML5, And How Does It Change The Way I Browse? [MakeUseOf Explains]

What Is HTML5 Intro   What Is HTML5, And How Does It Change The Way I Browse? [MakeUseOf Explains]Over the past few years, you may have heard the term HTML5 every once in a while. Whether you know anything about web development or not, the concept can be somewhat nebulous and confusing. Obviously, it’s the next step in the line of HTML, but what exactly does it do? Why is there so much excitement around it? And why does it matter for you?

HTML, or HyperText Markup Language, is the most important element of the World Wide Web. It’s the language used to describe what a webpage should look like. However, HTML on its own is pretty boring because it can only deliver static pages; in order to meet the growing demand for more impressive web features, HTML has been coupled with plugins like CSS, Flash, Java, Silverlight, etc.

It has become something of a bloated mess and different browsers implement those features in their own ways. HTML5 is meant to solve HTML’s big problems for a cleaner and more efficient web.

HTML: An Overview

HTML as we know it today is called HTML4 and it was first published way back in 1997. Yes, that means we’ve been running on HTML4 for over 15 years now which is an eternity in tech time. Around 2000, a parallel markup language called XHTML started development and that’s been in use as well over the years, mostly due to the stricter standards that it imposes. In general, though, the two are pretty similar.

what is html5 1   What Is HTML5, And How Does It Change The Way I Browse? [MakeUseOf Explains]

The problem with HTML4 is its limited functionality. It must be extended through plugins, like Flash, to provide more than simple text and images. Many video players, for example, were created and maintained on the Flash platform and embedded into HTML pages. Many web apps were developed using Java and embedded as well.

With all of these plugins, it becomes hard to maintain proper standards. Ideally, every browser should display every page on the web in the same way in order to deliver the same experience to every user. To display the same results on multiple browsers, web developers typically need to implement quick fixes and hacks in various portions of their site to accommodate different rendering processes. This gets cumbersome after a while.

On a more practical note, web pages that require plugins like Flash and Java end up using much more CPU and RAM. Ever wondered why your browser uses so much of your computer’s resources? A lot of it can be attributed to these HTML extensions. This is one reason why Apple has disabled Flash support on their mobile devices (to save on battery life).

What Exactly Is HTML5?

HTML4 has worked well, but it obviously has a number of flaws. The team behind HTML5 has a certain high-level plan for the next step in HTML, which means that HTML5 must be built on the following principles:

  • Less dependence on plugins for functionality.
  • Scripting should be replaced with markup whenever possible.
  • Device independence (i.e., available on all devices and providing the same end experience).
  • Public development process so people can see what’s going on.

what is html5 2   What Is HTML5, And How Does It Change The Way I Browse? [MakeUseOf Explains]

More specifically, HTML5 adds a whole bunch of new markup tags:

  • <header> and <footer> tags to help you isolate the tops and bottoms of content blocks. Can be used more than once on a single page.
  • <article> tag which identifies a specific, singular piece of content, e.g., a blog post or a user comment.
  • <nav> tag to specify which sections should be considered navigational blocks.
  • <section> tag that lets you define a generic section of content; similar to the currently existing <div> tag.
  • <audio> and <video> tags to mark the inclusion of audio or video content.
  • <canvas> tag that lets you draw graphics using a separate scripting language.
  • <embed> tag to embed external content or applications into the page.

HTML5 also deprecates some tags: <acronym>, <applet>, <font>, <frame>, <frameset>, <noframes>, and a handful of others.

The full standards specification for HTML5 is planned to be completed by 2014, but HTML5 has made lots of progress already and it can be used to implement site features even today. The full standards specification for HTML5.1 is planned to be completed by 2016.

Why HTML5 Matters For You

As a web user, you will benefit from HTML5 because it fixes the most glaring problems in HTML4. Web sites will have better web standards, which will result in more efficient content and improved performance. As HTML5 is adopted across the board, web pages should start to load faster, less bandwidth should be used, and battery life on mobile devices ought to last longer.

Plus, you won’t have to keep so many plugins like Flash and Java updated. I hate it when I constantly have to update so many addons and plugins across multiple browsers. And what happens when one of them is the wrong version? Sites stop working and frustration ensues. All of that should be dealt away with when HTML5 becomes the main standard.

what is html5 3   What Is HTML5, And How Does It Change The Way I Browse? [MakeUseOf Explains]

If you’re just a regular web user and you have no intentions of coding or maintaining your own web site, then you don’t have to do anything to enjoy HTML5’s awesome features. All major browsers today support HTML5 to a large degree and you’ve probably been taking advantage of it already without knowing. Just keep your browser updated and you’ll be good to go.

And if you’re a web developer, HTML5 will make everything simpler and easier for you. If all goes well, you won’t have to deal with edge cases in web design since all browsers will need to adhere to the same standards.

Conclusion

HTML5 is the future of web browsing and it will surely revolutionize the way we surf the Internet. Even under the limited nature of HTML4, developers have created some mind-boggling web sites, so it’ll be interesting to see what sort of neat advancements they’ll make with the functionality of HTML5.

Hopefully now you can see HTML5 in a clearer light and see why it’s been hyped up as much as it has. You can further your learning on these ten websites too that show you what HTML5 is all about. You should also check out our HTML5 tutorial to learn more. If you have any questions, please ask in the comments and I’ll do my best to answer you.

Image Credits: HTML5 Via Shutterstock, HTML Code Via Shutterstock, HTML5 Tag Cloud Via Shutterstock, Guy On Laptop Via Shutterstock

The comments were closed because the article is more than 180 days old.

If you have any questions related to what's mentioned in the article or need help with any computer issue, ask it on MakeUseOf Answers—We and our community will be more than happy to help.

10 Comments -

0 votes

Sonesh Lakhani

NIcely explained

Thanks

5 votes

dragonmouth

“HTML5 is the future of web browsing and it will surely revolutionize the way we surf the Internet.”
Only if Microsoft abides by the standards. IE is not, and never has been, W3 standards compatible. Web developers always have had to develop one version for all other browsers and one for IE. Even now there are sites that are inaccessible to Firefox, Opera, and other non-IE browsers.

Is Microsoft going to try to “extend” the capabilities of HTML 5 until their version is no longer compatible with everyone else’s? Like they did when they created “J”, their own version of Java.

The unfortunate truth is that great majority of world’s PCs run some version of Windows. So if MS decides to create its own version of HTML 5, everybody else will have to deal with it. They still are the 800 pound gorilla.

0 votes

Scott M

Has there been any rumours of Microsoft creating their own?Do you think they will finally realize that they gain more by co-operating on a standardised version?

1 votes

dragonmouth

There haven’t been any rumors, but that does not mean anything. Having watched Microsoft’s shenanigans since its inception, I’m cynical when it comes to them. Until there is a MAJOR change in corporate philosophy and culture, MS will cooperate only as long as it takes them to co-opt the technology, or to find out that they cannot. Their MO is still Embrace, Extend, Extinguish.

0 votes

jkendal

I.E. is slowly becoming extinct exactly because of Microsoft’s unwillingness to ‘play well with others’. So be it. I look forward to its demise – can’t happen soon enough…..

0 votes

dragonmouth

With the size of its installed base it will be a long time before IE becomes extinct. But it is becoming more and more irrelevant with each iteration. I have not seen the latest figures but I would not be surprised if it has more than 50% of browser usage.

1 votes

Walt D in LV

Microsoft IS the 800-pound gorilla, however, Internet Explorer is quickly dropping in usage. Just now, my quick searched revealed anywhere from 12 to 30%, compared to Google Chrome 35 to 50%, with Firefox steady around 20 to 25%. These stats are worldwide.

My point is, Internet Explorer is becoming less and less important.

0 votes

MakeUseOf TechGuy

I wouldn’t call HTML5 the “future”, as such – it’s been around for ages now. This site is HTML5, and has been since about 2 years ago. However, you do still need to include special workaround scripts to make it play nice with IE.

5 votes

Greg

Even before I used Chrome OS (no annoying updates haha) I used Google Chrome with it’s built in Flash on Linux, that solves that annoying issue. I can’t wait HTML 5!

1 votes

Keith S

Awesome read! Explained so that even a simple man like myself could understand it! Thanks!