利用@media screen实现网页布局的自适应 优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值

video标签定义视频，比如电影片段或其他视频流。

通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息。

一个简单的 HTML 文档，带有最基本的必需的元素

在 HTML 文档中，有些字符没办法直接显示出来，例如©使用特殊字符可以将键盘上没有的字符表达出来，而有些HTML 文档的特殊字符在键盘上虽然可以得到，但浏览器在解析HTML 文档时会报错，例如“<”等，为防止代码混淆，必须用一些代码来表示它们。

用户在移动端浏览H5的时候，会使用手指进行一连串的操作，单击、双击、上拉、下拉等等一系列操作，这里主要针对touch事件进行一些简单的介绍； 用户从手指触碰到屏幕到手指离开屏幕这中间，会触发一系列的touch事件：

使用next.js对react进行服务端渲染的时候我们遇见如图问题，Warning: Expected server HTML to contain a matching <div> in <li>.原因是我们的页面上出现了跟服务端不匹配的标签，这个标签产生的原因就是我们动态判断显示的内容，比如说我们在登陆的时候，登陆成功是不是要显示我们的用户信息，填充到界面上，这样我们就知道页面跟服务端的页面发生了变化！

html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个Canvas图片，通过读取DOM并将不同的样式应用到这些元素上实现。它不需要来自服务器任何渲染，整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时，将采用Flashcanvas或ExplorerCanvas技术代替实现。以下浏览器能够很好的支持该脚本：Firefox 3.5+, Google Chrome, Opera新的版本, IE9以上的浏览器。

一套H5响应式创意家具饰品页面html源码模板，页面包括实体店、新闻内页、关于我们、新闻列表、案例列表、产品内页、案例内页、产品列表、案例封面共10个页面

一套HTML5企业文化传播网站模板，页面包括Web建设、企智资讯、公司简介等共4个页面

这是一套html5安防监控响应式模板手机自适应，页面包括新闻列表、公司简介、在线留言、新闻内页、下载列表、联系我们、产品列表、案例内页、产品内页共12个页面。

这是一套HTML5高端大气响应式网络科技公司网站静态页面html模板源码，页面包括产品详细、价格、新闻列表、联系我们、新闻详细、产品列表、案例列表、案例详细、关于我们共10个页面。

html5秀气清爽个人博客html源码模板

一套创意高端大气滚屏产品企业网站页面模板源码，页面包括首页、问题列表、新闻内页、问题内页、案例列表、联系我们、案例内页、新闻列表、关于我们共9个页面。

html5响应式自适应医疗设备网站html页面模板源码，页面包括首页、新闻内页、下载列表、新闻页、联系我们、相册列表、公司简介、下载页、在线留言、产品页、产品内页共11个页面

html5全屏页面滚动个人简历展示html静态页面模板源码

没有重复造轮子。主要借鉴 Framework7 的形态并以此为基础，参考Ratchet、Ionic、Onsen各种不同的思路，强化功能，精简体积，并提供国内最稳定快速的CDN支持。此外还定制增强了一些工具类开源库。

Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。从技术上讲， Vue.js 集中在 MVVM 模式上的视图模型层，并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架，Vue.js 更容易上手。

Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。