HTML 与 HTML5

1. HTML5 新特性

2. 如何区分 HTML HTML5

  1. （原文中此处无内容）
  2. DOCTYPE 声明方式
<!DOCTYPE html>   <!-- html5 -->

补充

补充：HTML5 不是简单的版本号升级，而是一次大改版，主要在文档声明、语义标签、新 API 三个维度上做了增强。

文档类型声明

  • HTML 4.01：

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  • HTML5（简洁、不基于 SGML）：

    <!DOCTYPE html>

区分 HTML 与 HTML5

  1. doctype：HTML5 只有一种简写声明，HTML4.01 有三种（Strict / Transitional / Frameset）且较长。
  2. 语义标签：HTML5 新增 <header> / <footer> / <nav> / <article> / <section> / <aside> / <main> 等。
  3. 多媒体：HTML5 原生 <audio> / <video>，不再依赖 Flash、Silverlight。
  4. 图形：内联 SVG 与 <canvas> 取代部分需要插件的矢量图场景。
  5. 表单增强：新增 email、url、date、range、placeholder、required、pattern 等。
  6. 能力 API：localStorage / sessionStorage、WebSocket、Web Worker、Geolocation、History API 等。
  7. 字符集写法简化：<meta charset="UTF-8">，旧的 http-equiv 写法不再必要。

字符编码与 HTML 关系

旧写法：

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

HTML5 写法：

<meta charset="UTF-8">

一句话对比

HTML4.01 偏"结构 + 表现混在一起"，HTML5 把语义、表现、多媒体、本地能力、跨域通信都做了系统性升级，是真正意义上的现代 Web 基础。

来源整理自：我的有道云笔记