走進HTML5入門到精通:HTML5簡介

來源:互聯網
上載者:User
關鍵字 HTML5 精通 HTML5簡介

HTML 5 是下一代的 HTML。

本教程向您講解 HTML 5 中的新特性,以及每種標籤的使用。

每一章中的實例

通過我們的 HTML 編輯器,您能夠編輯 HTML,然後點擊按鈕來查看結果。

實例

<! DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls="controls">
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>

TIY
親自試一試吧,代碼如下:

<! DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls="controls">
<source src="/i/movie.ogg" type="video/ogg">
<source src="/i/movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>

實例 TIY 中的代碼用來查看它是如何工作的。
現在就開始學習 HTML 5 !

HTML 5 是下一代的 HTML。

什麼是 HTML 5?

HTML 5 將成為 HTML、XHTML 以及 HTML DOM 的新標準。

HTML 的上一個版本誕生於 1999 年。 自從那以後,Web 世界已經經歷了巨變。

HTML 5 仍處於完善之中。 然而,大部分現代瀏覽器已經具備了某些 HTML 5 支援。

HTML 5 是如何起步的?

HTML 5 是 W3C 與 WHATWG 合作的結果。

編者注:W3C 指 World Wide Web Consortium,萬維網聯盟。

編者注:WHATWG 指 Web Hypertext Application Technology Working Group。

WHATWG 致力於 web 表單和應用程式,而 W3C 專注于 XHTML 2.0。 在 2006 年,雙方決定進行合作,

來創建一個新版本的 HTML。

為 HTML 5 建立的一些規則:

新特性應該基於 HTML、CSS、DOM 以及 HTTP://www.aliyun.com/zixun/aggregation/33906.html">JavaScript。

減少對外部外掛程式的需求(比如 Flash)

更優秀的錯誤處理

更多取代腳本的標記

HTML 5 應該獨立于設備

開發進程應對公眾透明

新特性

HTML 5 中的一些有趣的新特性:

用於繪畫的 canvas 元素

用於媒介重播的 video 和 audio 元素

對本地離線存儲的更好的支援

新的特殊內容元素,比如 article、footer、header、nav、section新的表單控制項,比如 calendar、date、time、email、url、search

瀏覽器支援

最新版本的 Safari、Chrome、Firefox 以及 Opera 支援某些 HTML 5 特性。 Internet Explorer 9 將支援某些 HTML 5 特性。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.