一、功能:
1、核心:由W3C官方規范組成,設計新的語義元素、新增的web表單、音頻、視頻、以及通過JavaScript繪圖的Canvas;2、曾經的html5標準:來自初的html5規范、其中大多數功能需要JavaScript且支持富web應用開發;比如:本地數據存儲、離線應用和消息傳遞‘
二、特點:
1、向下兼容:XHTML2.0遵循嚴格模式,對有錯誤的html文件無法正常顯示,而html5實現“不破壞we“的原則。可以兼容不同版本的HTML存在的問題,并且支持向下兼容;
2、用戶至上:HTML5遵循用戶至上的原則。為用戶提供完美的網頁內容;
3、化繁為簡:以瀏覽器的原生能力代替復雜的JavaScript;DOCTYPE 被簡化到;字符集聲明被簡化;簡單強大的API;
4、無插件范式:在HTML5 出現之前,很多功能只能通過插件或hack(如繪圖API)來實現,但HTML5原生提供了這些支持。使用插件有很多問題,如:
(1).插件安裝容易失敗;
(2).插件被瀏覽器或軟件禁用屏蔽(如Flash 插件);
(3).插件經常會被爆出漏洞被利用攻擊;
(4).插件不容易與HTML 文檔其他部分集成(比如整體透明化等)。
5、訪問通用性:
(1).可訪問性:比如更加利于殘障人士的閱讀方案;
(2).媒體中立:比如HTML5 的媒體播放在不同設備或平臺均能正常運行;
(3).支持所有語種:比如新元素。
6、引入原生媒體支持和可編程內容
HTML5 支持在瀏覽器中直接播放視頻和音頻文件,以前都需要借助插件才能實現此類功能;引入了需要通過JavaScript 編程才能完全的各種效果,而這些很多都是HTML5 原生的
三、基本格式
1、文檔結構:
<!DOCTYPE html> //文檔聲明類型 文檔為Html
<html lang="zh-cn"> //表示文檔開始 lang聲明文本的語言
<head> //包含文檔元數據開始
<meta charset="utf-8"> //聲明文檔的編碼格式
<title></title> //文檔的標題欄
</head> //包含文檔元數據結束
<body> //表示html文檔內容
</body>
</html>
四、文檔結構分析:
1.Doctype:文檔類型聲明(Document Type Declaration,也稱Doctype)。它主要告訴瀏覽器所查看的文件類型。在以往的HTML4.01 和XHTML1.0 中,它表示具體的HTML 版本和風格。而如今HTML5 不需要表示版本和風格了。
//不分區大小寫
2.html 元素:首先,元素就是標簽的意思,html 元素即html 標簽。html 元素是文檔開始和結尾的元素。它是一個雙標簽,頭尾呼應,包含內容。這個元素有一個屬性和值:lang=”zh-cn”,表示文檔采用語言為:簡體中文。
<html lang="zh-cn"> //如果是英文則為en`
3.head 元素:用來包含元數據內容,元數據包括:、、、
<head>...</head> //這些信息在頁面不可見
4.meta 元素:該元素用來提供關于文檔的信息,起始結構有一個屬性為:charset=”utf8”。表示告訴瀏覽器頁面采用的什么編碼,一般來說我們就用utf-8。當然,文件保存的時候也是utf-8,而瀏覽器也設置utf8 即可正確顯示中文。
<meta charset="utf-8"> //除了設置編碼,還有別的
5.title 元素:該元素很簡單,設置瀏覽器左上角的標題。
<title>標題</title>
6.body 元素:用來包含文檔內容的元素,也就是瀏覽器可見區域部分。所有的可見內容,都應該在這個元素內部進行添加。
<body>...</body> //頁面在瀏覽器中顯示的內容
HTML5是近幾年前端開發非常火的編程語言,其新特性給開發者帶來了非常多的便利。同時,不同瀏覽器廠商對HTML5的支持,使得這門語言受到了越來越多的開發者的青睞。
粵嵌科技13年專注IT人才培訓學習的專業機構,主要培訓課程為,嵌入式開發、Java大數據、Unity游戲開發、Python人工智能、HTML5前端開發、全棧UI設計、網絡營銷、CCIE網絡等專業課程