HTML5 不是 HTML 的全新版本，而是一个演进。它在保留并扩展 HTML4 的基础上，添加了新的元素、属性和 API。区分 HTML 和 HTML5 主要可以从以下几个方面入手：
1. Doctype 声明:
- HTML: 通常包含冗长复杂的 doctype 声明，例如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- HTML5: 使用简洁的 doctype 声明：
<!DOCTYPE html>
2. 新的语义化元素:
HTML5 引入了许多新的语义化元素，例如 <article>, <aside>, <nav>, <header>, <footer>, <section>, <figure>, <figcaption> 等。这些元素清晰地表达了网页不同部分的结构和含义，而 HTML 则只能依赖 <div> 和 <span> 等通用元素，并通过 class 或 id 来赋予语义。
3. 新的 API 和功能:
HTML5 提供了丰富的 API 和功能，例如：
- Canvas API: 用于绘制图形和动画。
- Web Storage API (localStorage 和 sessionStorage): 用于客户端数据存储。
- Geolocation API: 用于获取用户地理位置。
- Web Workers API: 用于实现多线程处理。
- Multimedia API (audio 和 video): 用于支持音频和视频播放。
- Drag and Drop API: 用于实现拖放功能。
- WebSockets API: 用于实现实时双向通信。
这些 API 和功能在 HTML 中并不存在。
4. 表单增强:
HTML5 对表单进行了增强，增加了新的 input 类型，例如 email, url, date, time, number, range, search, color 等，以及新的表单属性和 API，例如 placeholder, required, autofocus, pattern 等，使得表单更加易于使用和验证。
5. 增强型多媒体支持:
HTML5 提供了原生的音频和视频支持，无需依赖第三方插件，例如 Flash。
6. 简化的语法:
HTML5 的语法更加简洁，例如可以省略一些元素的结束标签。
7. 浏览器支持:
老旧的浏览器可能不支持 HTML5 的新特性，而现代浏览器则对 HTML5 有很好的支持。
总结:
通过查看 doctype 声明、使用的元素、API 和功能，可以很容易地区分 HTML 和 HTML5。 如果看到语义化元素、新的 API 或者简洁的 doctype，那么基本可以确定是 HTML5。 如果代码大量依赖 <div> 和 <span> 进行布局，并且使用了复杂的 doctype，则更可能是旧版本的 HTML。