h5 都包含什么呢
首先他包含这些但并不仅仅只有这些
1,语义化 , 离线与存储, 还有设备访问, 通信 多媒体. 图形和特效 等等
语义化: 通俗的说就是该用什么标签就用标签物尽其用
标签分类
不常用的或者说没有用的: section article nav footer header section aside等等
常用的或者说有用的(这些标签设计都到了一下新功能):
audio video canvas
2 离线和存储:
他们能在本地存储数据和离线运行例如我们首次从打开双十一的时候,首次打开的时候就给我们推荐各种商品再次打开的时候就没有这就归公于下面这些
localStorage sesstionStorage
文件的api navigator.onLine
3 多媒体
音频 视频 摄像头的api webRTC
4 图像和效果
canvas webGL SVG
5 通信
XMLHttprequest2.0
webSocket
server-sent event
6 设备的访问
摄像头
地理定位
全屏api
触摸事件
总结: h5 主要是新功能,重点还是js ,默认情况下都是服务器下开发
css3
他是全新一带css
包括
1 calc这样的计算 box-sizing 盒子布局
2 fiex tanxing弹性布局盒子模型
3多列布局
4圆角 渐变 阴影, 透明度等这些表现上的东西
5变形和动画这是css3最出彩的地方
6媒体查询 响应式必不可少的东西在移动端也有很强呢应用
7选择器
属性选择器,结构选择器,伪元素选择器
H5 新增的api
1querySelector 选择器可以改变css的样式
2 classList 可以做类的增删改查
3 DOMContentLoaded(在移动端使用)这个是增强了onload
4 localStorage存储这一块等
5事件
touch触碰事件
onstorage 本地存储事件都有所增强
