HTML5能做什么

HTML5能做：1、Web Components；2、媒体播放；3、响应式设计；4、本地存储；5、绘图和动画；6、离线应用。Web Components是指，HTML5 支持 Web Components 规范，通过自定义 HTML 元素、Shadow DOM 等技术实现模块化、可重用的组件开发。

一、HTML5能做什么

1、Web Components：HTML5 支持 Web Components 规范，通过自定义 HTML 元素、Shadow DOM 等技术实现模块化、可重用的组件开发。

2、媒体播放：HTML5 支持视频、音频等媒体播放，通过使用<video>和<audio>标签可以在网页上嵌入视频和音频文件，并且无需使用第三方插件。

3、响应式设计：HTML5 支持响应式设计，通过 Media Query 等技术，可以根据屏幕宽度、分辨率等参数在不同设备上自动调整页面布局和样式。

4、本地存储：HTML5 提供了 Web 存储 API，包括 Local Storage 和 Session Storage，可以在浏览器端实现数据的存储和读取，避免了使用传统的 Cookie 技术带来的安全问题。

5、绘图和动画：HTML5 新增了 Canvas 和 SVG 标签，支持绘制矢量图形、图表等，并通过 JavaScript 脚本实现动态效果。

6、离线应用：HTML5 提供了 Application Cache 技术，可以将 Web 应用程序缓存到本地，在无网络或网络不稳定情况下仍能访问和使用。

二、HTML5的优势

1、HTML5 摆脱了对于平台的依赖：HTML5可以让你摆脱对平台的依赖，用户打开浏览器，直接就可以访问你的应用，而不需要经过各种Store的审核。

2、HTML5可以解决跨浏览器的问题：对于有过开发经验的前端人员来说，跨浏览器简直就是一个噩梦，明明在一个浏览器中正常运行的HTML+CSS+JavaScript页面，但换一个浏览器后，就会出现很多问题。HTML5的出现可能会改变了这种情况，多数核心代码不用重写，JavaScript的代码用的好的话，在许多地方都可以用到，包括移动应用、移动网站，PC网站、各种浏览器插件，甚至可以用Webkit封装作为跨平台的应用程序 。诚然，这种方式并非完全跨平台，但这样也足以减少很多工作量了，特别是后期的维护。所以，目前主流浏览器如Chorme、Firefox、Safari都表现对HTML5的极大热情。

3、HTML5有更多好看的动画效果：HTML5实现的网页更加的精美，这些动画是基于HTML5标签和CSS3样式共同实现的效果，HTML5技术还支持自适应，能做到“一次设计，普遍适用”。

4、HTML5网页让用户有更好的体验：HTML5支持网页端的Audio、Video等多媒体功能，与网站自带的APPS，摄像头，影音功能相得益彰。HTML5视频播放起来更流畅清晰，也更省电；HTML5游戏小巧流畅，画面质量高，操作易上手。

5、HTML5搜索引擎友好，网站流量大：HTML5的代码是贴合用户有明确释义的，不仅对开发者有利，搜索引擎也更容易识别到网页上的内容，让网站获得更多流量。

延伸阅读1：HTML5概念

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。

HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。