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

时间 2019-11-13

标签 html5 html css3 css 哪些特性移除元素如何处理标签浏览器兼容问题区分栏目 HTML5 繁體版

原文原文链接

（1）HTML5如今已经不是SGML的子集，主要是关于图像，位置，存储，地理定位等功能的增长。html

（2）CSS3新特性：svn

实现圆角（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）移除的元素布局

（4）HTML5新标签的浏览器兼容问题是浏览器不能识别HTML5新标签而不能使用，解决办法有两种：flex

经过document.createElement（tagName）方法便可让浏览器识别新标签，浏览器支持新标签后，还能够为新标签添加CSS样式。

　　　A）使用html5shim：

　　　在<head>中调用如下代码：

<!--[if lt IE 9]>

　　　　 <script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>

　　　　<![endif]-->

　　　固然也能够直接把这个文件下载到本身的网站上，但这个文件必须在head标签中调用。

　　　B）使用kill IE6

　　　在</body>以前调用如下代码：

<!--if lte IE 6]>

　　　<![endif]-->

（5）区分HTML和HTML5：