(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?...相关推荐

  1. html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和HTML5?

    * HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加. 绘画 canvas; 用于媒介回放的 video 和 audio 元素; 本地离线存储 localSt ...

  2. 【Day05】Html5 有哪些新特性?如何处理 Html5 新标签的浏览器兼容问题?如何区分 Html 和 Html5?

    Html5 有哪些新特性?如何处理 Html5 新标签的浏览器兼容问题?如何区分 Html 和 Html5? 一.Html5 新特性 1. 拖拽释放(Drag and drop)API 2. 语义化更 ...

  3. 浅谈HTML5新标签的浏览器兼容问题

    HTML5 现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加. ① 新特性: 1)绘画<canvas>. 有关canvas的介绍请见:http://blog.cs ...

  4. html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?...

    新特性: 1. 拖拽释放(Drag and drop) API 2. 语义化更好的内容标签(header,nav,footer,aside,article,section) 3. 音频.视频API(a ...

  5. html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?

    *HTML5 现在已经不是SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加. *绘画canvas 用于媒介回放的video 和audio 元素 本地离线存储localStorage 长 ...

  6. html5有哪些新特性?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?

    (Q1)  HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加. (1)绘画 canvas; (2)用于媒介回放的 video 和 audio 元素; (3)本 ...

  7. 如何处理HTML5新标签的浏览器兼容问题?

    方法一 : 1.使用静态资源的html5shiv包 <!--[if lt IE9]> <script src="http://cdn.static.runoob.com/l ...

  8. ie html5 支持相机,HTML5IE浏览器兼容问题以及图像元素

    Internet Explorer 浏览器问题 Internet Explorer 8 及更早 IE 版本的浏览器不支持以上的方式. 我们可以使用 Sjoerd Visscher 创建的 " ...

  9. CSS3新特性详解(二):CSS3 字体@font-face详解、如何创建和修改woff字体文件及text-shadow等文本效果

      关于CSS3新特性,在上篇博文中"CSS3新特性详解(一):CSS3选择器.边框.背景使用细节及案例演示",讨论了CSS3选择器.边框和背景,本文讨论字体@font-face使 ...

最新文章

  1. .net的mvc的fw版本为4.5发布到阿里云【云虚拟主机】上.
  2. oracle的rank,over partition 使用 和lead
  3. 判断字符串相等能否用==
  4. Android 7.1 bootchart触发后导致不断重启
  5. LeetCode-1438. 绝对差不超过限制的最长连续子数组
  6. 小学生计算机课堂实践的重要性,小学《信息技术》有效课堂教学的实践与研究课题方案...
  7. [转载] Python的exec
  8. Linux操作系统中修改hostname
  9. php考试试卷,php测试题(一)
  10. NLTK学习笔记(六):利用机器学习进行文本分类
  11. 【WILSON】上帝手中的权杖: 费德勒球拍全系列
  12. IXI数据预处理 + Linux + freesurfer
  13. 笔试——分频电路设计
  14. 为什么越来越多的人想成为全栈工程师?
  15. [转fym0121] oracle instant client odbc安装
  16. 【数据结构】Java实现栈
  17. 一种非极大值抑制(non_max_suppression, nms)的代码实现方式
  18. canvas绘制简单五子棋棋盘
  19. Stetman读paper小记:ATTEQ-NN
  20. 通过WinPE卸载补丁,解决因安装补丁电脑蓝屏、无法开机等问题

热门文章

  1. 『高级篇』docker容器来说什么是微服务(三)
  2. 如何用命令将本地项目上传到git
  3. Lync 2013 与 Elastix 2.40 语音通信设置全过程(3)
  4. HDU 6156 Palindrome Function 数位DP
  5. 第八章 让开发板发出声音:蜂鸣器驱动读后感
  6. Android init.rc文件格式解析
  7. JAVA中类似C中memcpy功能
  8. Exchange 2007 配置POP3
  9. 输出400以内的smith数java,史密斯(A.O.Smith) 空气净化器 KJ400F-B11
  10. 数据备份_「Cassandra实战」Cassandra数据备份