H5新标签&新功能

1. H5新标签

语义标签：

定义文章

定义文章侧边栏

定义一组媒体对象以及文字内容

定义figure的标题

布局页面时用的语义标签：

定义导航

头部

定义文档中的区段 区域

尾部

input其他的类型：
1. text 文本输入框
2. password 密码
3. button 按钮
4. checkbox 复选
5. radio 单选
6. submit 提交
7. reset 重置
8. file 文件
9. email 输入邮箱地址 检测@
10. url URL地址
11. number 只能输入数字 还有e
12. range 范围 默认0~100
required 必须填写
placeholder 占位符


功能标签：


标记

定义图形提供画布


2.流式布局
即百分比布局。（宽度， 高度，边距，rem，定位值）
尺寸百分比 = 目标元素的宽度（高度）/ 父级的宽高
定位值百分比 = 目标元素的定位值 / 父级的宽高
margin和padding / 父级的宽度


em rem
em: 针对父级来设置自身
rem: 针对html


3.媒体查询
可以根据不同屏幕尺寸，动态的修改网页布局以及样式，是响应式网站不可缺少的一部分
only 可以省略 多个条件用and相连
@media only screen and (min-width:500px) and (max-width:700px){......}
link:



响应式网站：由两种办法完成响应式网站, 流式布局和媒体查询，通常情况下相辅相成共同完成响应式网站。


4.前缀
腾讯：国内唯一有自己内核的公司，X5。（X5的浏览器内核是基于早起的webkit内核开发出来的，而后自己优化。QQ浏览器 微信）
-webkit-: 谷歌前缀，谷歌内核（猎豹 360 safari）
-o-: 欧朋 （已经摒弃自己的内核，转战谷歌的阵营）
-ms-: 微软 ie 斯巴达
-moz-: 火狐 ff