HTML和HTML5有什么区别? 深度对比HTML与HTML5主要差异

上周有个客户问我为啥现在做网站不用Flash了,直接用HTML5 不是更省事?我说你问到点子上了,这俩玩意儿差可远了。
我给你捋捋我踩过的坑和看到的实际例子。

技术特性这块儿,HTML5 直接把Canvas、Geolocation这些新玩意儿塞进来了。
你想想Canvas,2 02 3 年我在上海搞活动展台时,有个游戏就用Canvas做的,纯JS画出来的迷宫,比Flash还流畅。
Geolocation更是神,去年我在北京帮个外卖App做定位,直接用HTML5 定位比以前那种让用户手动输入省了多少事儿。
WebStorage也绝了,2 02 2 年我在深圳做个人博客,用localStorage存用户偏好设置,比以前用Cookie方便太多了,容量直接翻了好几倍。

语义化标签这事儿我也琢磨过。
以前做网页靠div堆砌,现在HTML5 直接给你文章、侧边栏、导航这些标签,我去年在广州给个新闻网站做SEO优化,把所有结构都换成HTML5 标签后,搜索排名直接上去了。
有个同事还跟我说,现在用屏幕阅读器的用户多了,这些标签让内容读起来都清晰多了。

多媒体这块儿更直观了。
2 01 9 年我还在用Flash做视频播放器,每次更新都心累。
现在HTML5 直接加个