html5\CSS3有哪些新特性、移除了哪些元素？如何處理HTML5新標籤的瀏覽器兼容問題？如何區分HTML和HTML5？

時間 2019-11-13

標籤 html5 html css3 css 哪些特性移除元素如何處理標籤瀏覽器兼容問題區分欄目 HTML5 简体版

原文原文鏈接

（1）HTML5如今已經不是SGML的子集，主要是關於圖像，位置，存儲，地理定位等功能的增長。html

繪畫canvas元素；html5
用於媒介回放的video和audio元素；web
本地離線存儲localStorage長期存儲數據，瀏覽器關閉後數據不丟失，sessionStorage的數據在瀏覽器關閉後自動刪除；canvas
語意化更好的內容元素，好比article、footer、header、nav、section；瀏覽器
表單控件，calendar、date、time、email、url、search；session
新的技術webworker,websockt和Geolocation。ide

（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）移除的元素佈局

純表現的元素：basefont，big，center，font，s，strike，tt，u；
對可用性產生負面影響的元素：frame，frameset，noframes；

（4）HTML5新標籤的瀏覽器兼容問題是瀏覽器不能識別HTML5新標籤而不能使用，解決辦法有兩種：flex

方法1：實現標籤被識別

經過document.createElement（tagName）方法便可讓瀏覽器識別新標籤，瀏覽器支持新標籤後，還能夠爲新標籤添加CSS樣式。

方法2：JavaScript解決方案

　　　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]>

　　　　<script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script>

　　　<![endif]-->

（5）區分HTML和HTML5：

DOCTYPE聲明
新增的元素

相關文章

相關標籤/搜索

瀏覽器兼容

瀏覽器兼容性

PHP 7 新特性

瀏覽器信息

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<