html5新特性 移除哪些,html5\CSS3有哪些新特性、移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?...
(1)HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,地理定位等功能的增加。
绘画canvas元素;
用于媒介回放的video和audio元素;
本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失,sessionStorage的数据在浏览器关闭后自动删除;
语意化更好的内容元素,比如article、footer、header、nav、section;
表单控件,calendar、date、time、email、url、search;
新的技术webworker,websockt和Geolocation。
(2)CSS3新特性:
实现圆角(border-radius),阴影(box-shadow),边框图片(border-image);
对文字加特效(text-shadow),强制文本换行(word-wrap),线性渐变(linear-gradient);
实现旋转transform:rotate(90deg),缩放scale(0.85,0.90),translate(0px,-30px)定位,倾斜skew(-9deg,0deg);
增加了更多的CSS选择器、多背景、rgba();
唯一引入的伪元素是::selection ;
实现媒体查询(@media),多栏布局(flex)。
(3)移除的元素
纯表现的元素:basefont,big,center,font,s,strike,tt,u;
对可用性产生负面影响的元素:frame,frameset,noframes;
(4)HTML5新标签的浏览器兼容问题是浏览器不能识别HTML5新标签而不能使用,解决办法有两种:
方法1:实现标签被识别
通过document.createElement(tagName)方法即可让浏览器识别新标签,浏览器支持新标签后,还可以为新标签添加CSS样式。
方法2:JavaScript解决方案
A)使用html5shim:
在
中调用以下代码:
当然也可以直接把这个文件下载到自己的网站上,但这个文件必须在head标签中调用。
B)使用kill IE6
在之前调用以下代码:
(5)区分HTML和HTML5:
DOCTYPE声明
新增的元素
html5新特性 移除哪些,html5\CSS3有哪些新特性、移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?...相关推荐
- html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和HTML5?
* HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加. 绘画 canvas; 用于媒介回放的 video 和 audio 元素; 本地离线存储 localSt ...
- 【Day05】Html5 有哪些新特性?如何处理 Html5 新标签的浏览器兼容问题?如何区分 Html 和 Html5?
Html5 有哪些新特性?如何处理 Html5 新标签的浏览器兼容问题?如何区分 Html 和 Html5? 一.Html5 新特性 1. 拖拽释放(Drag and drop)API 2. 语义化更 ...
- 浅谈HTML5新标签的浏览器兼容问题
HTML5 现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加. ① 新特性: 1)绘画<canvas>. 有关canvas的介绍请见:http://blog.cs ...
- html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?...
新特性: 1. 拖拽释放(Drag and drop) API 2. 语义化更好的内容标签(header,nav,footer,aside,article,section) 3. 音频.视频API(a ...
- html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?
*HTML5 现在已经不是SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加. *绘画canvas 用于媒介回放的video 和audio 元素 本地离线存储localStorage 长 ...
- html5有哪些新特性?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?
(Q1) HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加. (1)绘画 canvas; (2)用于媒介回放的 video 和 audio 元素; (3)本 ...
- 如何处理HTML5新标签的浏览器兼容问题?
方法一 : 1.使用静态资源的html5shiv包 <!--[if lt IE9]> <script src="http://cdn.static.runoob.com/l ...
- ie html5 支持相机,HTML5IE浏览器兼容问题以及图像元素
Internet Explorer 浏览器问题 Internet Explorer 8 及更早 IE 版本的浏览器不支持以上的方式. 我们可以使用 Sjoerd Visscher 创建的 " ...
- CSS3新特性详解(二):CSS3 字体@font-face详解、如何创建和修改woff字体文件及text-shadow等文本效果
关于CSS3新特性,在上篇博文中"CSS3新特性详解(一):CSS3选择器.边框.背景使用细节及案例演示",讨论了CSS3选择器.边框和背景,本文讨论字体@font-face使 ...
最新文章
- .net的mvc的fw版本为4.5发布到阿里云【云虚拟主机】上.
- oracle的rank,over partition 使用 和lead
- 判断字符串相等能否用==
- Android 7.1 bootchart触发后导致不断重启
- LeetCode-1438. 绝对差不超过限制的最长连续子数组
- 小学生计算机课堂实践的重要性,小学《信息技术》有效课堂教学的实践与研究课题方案...
- [转载] Python的exec
- Linux操作系统中修改hostname
- php考试试卷,php测试题(一)
- NLTK学习笔记(六):利用机器学习进行文本分类
- 【WILSON】上帝手中的权杖: 费德勒球拍全系列
- IXI数据预处理 + Linux + freesurfer
- 笔试——分频电路设计
- 为什么越来越多的人想成为全栈工程师?
- [转fym0121] oracle instant client odbc安装
- 【数据结构】Java实现栈
- 一种非极大值抑制(non_max_suppression, nms)的代码实现方式
- canvas绘制简单五子棋棋盘
- Stetman读paper小记:ATTEQ-NN
- 通过WinPE卸载补丁,解决因安装补丁电脑蓝屏、无法开机等问题
热门文章
- 『高级篇』docker容器来说什么是微服务(三)
- 如何用命令将本地项目上传到git
- Lync 2013 与 Elastix 2.40 语音通信设置全过程(3)
- HDU 6156 Palindrome Function 数位DP
- 第八章 让开发板发出声音:蜂鸣器驱动读后感
- Android init.rc文件格式解析
- JAVA中类似C中memcpy功能
- Exchange 2007 配置POP3
- 输出400以内的smith数java,史密斯(A.O.Smith) 空气净化器 KJ400F-B11
- 数据备份_「Cassandra实战」Cassandra数据备份