HTML5 Features Summary

HTML5 Summary

HTML5 brought semantic elements, new form inputs, native validation, audio/video, Canvas, SVG, geolocation, web storage, service workers, and more — eliminating the need for many Flash and JavaScript workarounds.

Example

<!-- HTML5 landmark elements -->
<header> <nav> <main> <section> <article> <aside> <footer>
<figure> <figcaption> <time> <mark> <details> <summary>

<!-- New form features -->
<input type="email|tel|date|number|range|color|search">
<input required pattern="..." minlength="3">
<datalist> <output>

<!-- Media -->
<audio controls> <video controls> <picture> <track>

<!-- Other -->
<canvas> <template> <dialog>
data-* attributes
<progress> <meter>

HTML

Full Editor

Pro Tip

Use MDN Web Docs to check browser support for any HTML5 feature before using it in production.

Related Resources

HTML Reference

Complete tag & property list

HTML How-To Guides

Step-by-step practical guides

HTML Exercises

Practice what you've learned