What’s New in HTML5 (v1)

Introduction

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).

Learning Objectives

  • 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?

Study

  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

LOOKING FOR HELP?

When looking for help, try doing so in the following order:

  • Did you try everything you could?
  • Did you read the documentation?
  • Did you Google for it?
  • Did you post your question on Slack/Forum?
  • Did you ask your fellow students for help?
  • Did you ask your Mentors for help?
  • Did you leave a comment on the comments section of this page?
  • Did you ask your Instructor for help?
    • Did you arrange and appointment with your instructor using Calendly? Visit this URL and set up an appointment: https://calendly.com/kostasx
    • Is it urgent? Did you try reaching him on Slack

UPDATED: 23.10.2020