HTML Versions: Complete Guide from HTML 1.0 to HTML5

Learn about all major HTML versions with features, changes, and improvements. Understand the evolution of HTML standards.

Introduction

HTML has evolved through several major versions. Each version brought new features, improvements, and standards. Let's explore each version in detail.

What You Will Learn

  • All major HTML versions
  • Key features of each version
  • Differences between versions
  • Why certain features were added

HTML 1.0 (1991)

The very first version of HTML had only 18 elements:

  • <html>, <head>, <body>, <title>
  • <h1> to <h6> (headings)
  • <p> (paragraph)
  • <a> (anchor/link)
  • <ul>, <li> (unordered list)
  • <dl>, <dt>, <dd> (definition list)
  • <nextid> (deprecated)

HTML 2.0 (1995)

Published as RFC 1866, HTML 2.0 added:

  • Forms with <form>, <input>, <select>, <option>
  • <img> tag for images
  • <table> for tables
  • <br> for line breaks
  • <hr> for horizontal rules

HTML 3.2 (1997)

Published by W3C, HTML 3.2 introduced:

  • Tables with more features
  • <applet> for Java applets
  • <script> for scripting
  • <style> for styles
  • <font> for text styling (now deprecated)
  • <center> for centering (now deprecated)

HTML 4.0 (1997) and 4.01 (1999)

HTML 4 was a major update that:

  • Separated structure and presentation
  • Encouraged using CSS instead of presentational tags
  • Introduced accessibility features
  • Added <div> and <span>
  • Deprecated many presentational tags

Three variants:

  1. Strict: No deprecated elements
  2. Transitional: Allows deprecated elements
  3. Frameset: For frames

XHTML 1.0 (2000)

XHTML was HTML reformulated as XML:

  • Stricter syntax rules
  • All tags must be properly closed
  • Tags must be properly nested
  • All attribute names must be lowercase
  • All attribute values must be quoted
  • Empty elements must end with />

HTML5 (2014)

HTML5 was a revolutionary update:

New Semantic Elements

<header>, <nav>, <main>, <article>, <aside>, <footer>, <section>, <figure>, <figcaption>, <details>, <summary>, <mark>, <time>, <progress>, <meter>

New Form Types

<input type="email">
<input type="url">
<input type="number">
<input type="range">
<input type="date">
<input type="color">
<input type="search">

Multimedia

<audio controls>
    <source src="audio.mp3" type="audio/mpeg">
</audio>

<video controls width="640" height="360">
    <source src="video.mp4" type="video/mp4">
</video>

Graphics

<canvas id="myCanvas"></canvas>
<svg width="100" height="100">
    <circle cx="50" cy="50" r="40" fill="red" />
</svg>

APIs

  • LocalStorage and SessionStorage
  • Geolocation API
  • Web Workers
  • Drag and Drop API
  • Web Notifications

HTML Living Standard (2016-Present)

Instead of version numbers, HTML is now a living standard continuously updated by WHATWG.

Comparison Table

| Version | Year | Key Features | |---------|------|--------------| | HTML 1.0 | 1991 | Basic structure | | HTML 2.0 | 1995 | Forms, images, tables | | HTML 3.2 | 1997 | Scripting, tables | | HTML 4.01 | 1999 | Separation of concerns | | XHTML 1.0 | 2000 | XML syntax | | HTML5 | 2014 | Semantics, multimedia, APIs |

Best Practices

  • Always use HTML5 doctype
  • Use semantic HTML5 elements
  • Avoid deprecated tags
  • Follow web standards

Deprecated Tags to Avoid

❌ <font> ❌ <center> ❌ <strike> ❌ <u> ❌ <applet> ❌ <frame> ❌ <frameset>

FAQs

Q: Which HTML version should I use? A: Always use the latest HTML5 standard.

Q: Is XHTML still used? A: No, HTML5 replaced XHTML.

Q: What's the HTML5 doctype? A: <!DOCTYPE html> - that's it!

Related Topics

  • History of HTML
  • HTML vs HTML5
  • First HTML Program

Summary

HTML has evolved through many versions, each improving on the previous one. HTML5 is the current standard and provides everything you need for modern web development.

Next Topic

Now let's compare HTML4 and HTML5 in detail in HTML4 vs HTML5.

← Back to Syllabus