码迷,mamicode.com
首页 > Web开发 > 详细

CSS浏览器前缀,HTML5新增标签

时间:2019-01-02 17:25:17      阅读:442      评论:0      收藏:0      [点我收藏+]

标签:form   兼容   新标签   邮箱email   chrome   范围   颜色   mail   日期date   

1.浏览器样式前缀

为了让CSS3样式兼容,需要加上
例如:-ms- 兼容IE浏览器
-moz 兼容Firefox
-webkit- 兼容chrome和safari
div{
-ms-transform:rotate(30deg);
...........
}

2.自动添加浏览器前缀

目前的状态是,有些CSS3属性需要加前缀,有些不需要加,有些只需加部分,可以用插件,安装autoprefixer

3.HTML5新增标签

(1)<header> 页面头部、页眉
(2)<nav>页面导航
(3)<article>一篇文章
(4)<section>文章中的章节
(5)<aside>侧边栏
(6)<footer>页面底部、页脚

(7)音频视频
<audio>
<video>

(8)PC端兼容h5的新标签的方法,在页面中引入以下js文件

(9)HTML5新增表单控件
新增类型:
网址 type="url" 邮箱Email 日期date 时间time 星期week 数量number 范围range 电话tel 颜色color 搜索search

<label>网址:</label><input type="url" name="" required>

新增常用表单控件属性:
placeholder 设置文本框默认提示文字
autofocus 自动获得焦点 //自动激活输入框
autocomplete 联想关键字 //输入框自动联想,一般不用

CSS浏览器前缀,HTML5新增标签

标签:form   兼容   新标签   邮箱email   chrome   范围   颜色   mail   日期date   

原文地址:http://blog.51cto.com/13742773/2337923

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!