h5的新样式

h5的新样式

1.伸缩布局
/让子盒子分别分布在首尾/
/justify-content: space-between;/
display: flex;
/让子盒子垂直居中/
/align-items:center;/
flex-direction: row;
flex-wrap: wrap;
/让多行子容器位于父容器的位置/
align-content: center;

1. ie9以下不支持h5标签,因为ie9以下的不认识这些标签. 会把这些标签看成是行内元素看待
   解决方法: 使用 html5shiv.js插件去解决.一定要放在头部, 因为要在页面渲染之前去解析他

2.谷歌和火狐不需要解析这个插件 : lt 小于 gt 大于 小于等于lte gte大于等于

3.语义化标签的作用
①提高代码的可读性和可维护性
②有利于搜索引擎

 



    
用户登录
  标题
    用户名: 


    密　码: 


你的邮箱: 

数字类型: 



    滑块: 

日期: 
月份: 
星期: 
时间: 

小时分钟: 

    电话格式: 
    

写完整的url地址: 

调色板: 



 

昵称:

    昵称:  

    密码:   

    
    喜欢的人:   



    上传文件:   


    


    

• jQuery的类操作: addClass() removeCLass() hasCLass() toggleClass()
  • h5有类似的api , 基于classList的属性, 会返回元素的类名 add() remove() contains()判断类 toggle()
  • zepto.js 适合移动端, 清亮, 有触屏事件
  /*
  • 自定义属性: data-*(属性名称)
  • 作用: 进行数据的储存.
  • 获取自定义属性的名称 jQuery的方式 对象.data(‘自定义属性的名称’)

  •                   对象.dataset  获取的属性的集合 h5
    

  • 自定义属性的写法规则 : data-name —>对象.name data-user-name —> 对象.userName
  • 用驼峰命名方式来获取
  • */