CSS3 浏览器前缀，H5新增标签

2024-06-23 21:02| 来源: 网络整理| 查看: 265

浏CSS3 浏览器前缀览器样式前缀

为了让CSS3样式兼容，需要将某些样式加上浏览器前缀：

-ms- 兼容IE浏览器 -moz- 兼容firefox -o- 兼容opera -webkit- 兼容chrome 和 safari 比如：

div { -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); -o-transform: rotate(30deg); -moz-transform: rotate(30deg); transform: rotate(30deg); } 自动添加浏览器前缀

目前的状况是，有些CSS3属性需要加前缀，有些不需要加，有些只需要加一部分，这些加前缀的工作可以交给插件来完成，比如安装： autoprefixer

可以在Sublime text中通过package control 安装 autoprefixer

Autoprefixer在Sublime text中的设置：

1、preferences/key Bindings-User

{ "keys": ["ctrl+alt+x"], "command": "autoprefixer" }

2、Preferences>package setting>AutoPrefixer>Setting-User

{ "browsers": ["last 7 versions"], "cascade": true, "remove": true }

last 7 versions：最新的浏览器的7个版本 cascade：缩进美化属性值 remove：是否去掉不必要的前缀

HTML5新增标签

新增语义标签

1、页面头部、页眉 2、页面导航 3、一篇文章 4、文章中的章节 5、侧边栏 6、页面底部、页脚

音频视频

1、 2、

用于绘画的 canvas 元素

HTML5 新增表单控件新增类型：网址邮箱日期时间星期数量范围电话颜色搜索

网址: 邮箱: 日期: 时间: 星期: 数量: 范围: 电话: 颜色: 搜索:

新增常用表单控件属性： 1、placeholder 设置文本框默认提示文字 2、autofocus 自动获得焦点 3、autocomplete 联想关键词，一般设置为off

PC端兼容h5的新标签的方法，在页面中引入以下js文件:

【本文地址】

公司简介

联系我们