Course List >> HTML5 and CSS3 >> Basic HTML Page Structure >> 6: What's New in HTML5
Scroll up or hover over the breadcrumbs to view the navigation bar

What's New in HTML5

HTML5 brought in a lot of nice new features, many geared specifically towards giving webpages the ability to display media and interactive features more easily. The downside is that there are still browser compatibility issues with some of that functionality, but that will get sorted over time. Another set of new features is the use of more semantic tags in your markup so you don't need to put a div around everything (you can use the aside or footer etc).

Points to Ponder

  • What are semantic tags and how are there more of them in HTML5?
  • What does the canvas element do for you?
  • Seriously, why is canvas potentially amazing?
  • What are the new video control features?
  • What are the new audio control features?
  • What is local storage and how is it used?
  • What are data attributes and how are they used?
  • For people who have already done Rails and maybe some JS, how can data attributes be used to pass off data from your back end to your front end?
  • What are the compatibility trade-offs of the new features?
  • Are there any performance trade-offs with the new features?
  • How does HTML5 fix the problem of needing Flash installed to play movies on many devices?

Your Assignment

  1. Check out Dive into HTML5, which is a website and book on the cool stuff about HTML5.
  2. Look over What's new in HTML5 from About

Additional Resources

This section contains helpful links to other content. It isn't required, so consider it supplemental for if you need to dive deeper into something

From the creators of The Odin Project...

The Viking Code School
Viking ad 180x150