1. 程式人生 > >html5中新增元素

html5中新增元素

html5是html最新的修訂版本,由全球資訊網聯盟於2014年修訂完成.

設計的目的是為了在移動裝置上支援多媒體.

<!DOCTYPE>的宣告必須位於html5文件中的第一行,使用起來非常簡單.

<!DOCTYPE html>

html5新增了許多元素 比如 圖形的繪製,多媒體內容,更好的頁面結構,更好的形式 處理,和幾個api拖放元素,定位,包括網頁儲存等.

canvas 元素 標籤定義圖形

新媒體元素:audio video source embed track標籤

新的表單元素 datalist keygen output

新的語義和結構元素:article aside bdi command details dialog summary元素等.

已經移除的元素:applet big center dir font frame frameset 等.

詳情請見 http://www.runoob.com/html/html5-new-element.html

瀏覽器的支援 主流瀏覽器都已經支援 針對IE瀏覽器html5shiv是比較好的解決方案.

。html5shiv主要解決HTML5提出的新的元素不被IE6-8識別,這些新元素不能作為父節點包裹子元素,並且不能應用CSS樣式。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>渲染 HTML5</title>
  <!--[if lt IE 9]>
  <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
  <![endif]-->
</head>
 

html5shiv.js 引用程式碼必須放在 <head> 元素中,因為 IE 瀏覽器在解析 HTML5 新元素時需要先載入該檔案。