HTML5与HTML4的区别

426 阅读2分钟

「这是我参与2022首次更文挑战的第9天,活动详情查看:2022首次更文挑战」。

前言

早期大家在从前端技术角度将互联网发展分为了三个阶段:Web1.0 HTML+CSS、Web2.0 Ajax应用阶段、HTML5+CSS3阶段

我们现在所处的就是HTML5 + CSS3阶段

互联网在代代发展,回顾过去,你真的清楚HTML5相对于HTML4之间实际的区别么?

这篇文章就旨在梳理一下在作者看来HTML5的变更。

什么是HTML&HTML4做了什么

HTML: 超文本标记语言,最初出现的目的是为了方便快速的在网络中进行信息通信所被创建出来的一种描述性语言。

我们可以回顾一下早版本的网页

image.png

没错,这个就是早期的网页,它有一些当时约定俗成的描述性标记,并且在声明的时候需要指定告诉web浏览器使用了哪个html版本。

HTML5&HTML5的新功能

HTML5在原有HTML4的基础上进行了扩展,将声明标签实例约定为一种,且增加了很多的扩展性功能

语义性标签只是其中之一,其他的还有诸如

  • Canvas & Svg 视觉可视化
  • Video & Audio 音视频
  • Web Storage 本地存储
  • WebSocket API以及协议 即时通讯
  • Web SQL database 前端数据库
  • Geolocation 地理位置
  • Web Workers 多线程
  • XMLHttpRequest Level 2 浏览器与服务器间的消息传输
  • Microdata 自定义属性
  • Server-Sent Event 服务器发送事件流
  • Web Origin Concept 同源策略约定
  • MathML 数学标记语言
  • Channel、Cross-document 消息传送

从上面的大概描述我们可以差不多看出来,我们现在所有令人眼花撩乱的页面展示,基本都是基于最新版本的HTML5标准来实现出来的。

除了简单的页面展示之外,HTML5还可以做很多延伸的东西,比如地理位置的获取、基于Canvas的游戏、即时通讯&音视频的扩展。

像一些譬如可用于表示矩阵、偏微分方程、化学反应方程式的老大难需求的展示,也都可以对应迎刃而解了。

整理完这些,脑中直呼三个字。666!