HTML5理論實踐與練習 一

2021-09-23 18:00:16 字數 1099 閱讀 5353

2023年10月29日,w3c宣布,經過接近8年的艱苦努力,html5標準規範終於制定完成。

html5將會取代2023年制定的html 4.01、xhtml 1.0標準,以期能在網際網路應用迅速發展的時候,使網路標準達到符合當代的網路需求,為桌面和移動平台帶來無縫銜接的豐富內容。

這是乙個html5製作的火焰動畫特效:

效果圖如下:

該效果在html5之前一般使用flash實現,現在使用html5實現,瀏覽器已經原生支援,不需要flash等外掛程式。

作為「年長」的web開發者,可以說一步一步見證著html5的發展。這些年為了相容ie6放棄了很多html5的新特性。但是今時不同以往,移動裝置的流行,天然支援html5,以及桌面端ie最終被使用者和微軟唾棄,更多支援html5瀏覽器的受歡迎,我要重新研究一下html5帶來的這些新特性。

練習題目:

html5 之前的 html 版本是?

a.html 4.01

b.html 4

c.html 4.1

d.html 4.9

html5 的新特性

① 語義特性(semantic)

html5賦予網頁更好的意義和結構。

② 本地儲存特性(offline & storage)

③ 裝置訪問特性 (device access)

④ 連線特性(connectivity)

⑤ 網頁多**特性(**********)

⑥ 三維、圖形及特效特性(3d, graphics & effects)

基於svg、canvas、webgl及css3的3d功能,使用者會驚嘆於在瀏覽器中,所呈現的驚人視覺效果。

⑦ 效能與整合特性(performance & integration)

沒有使用者會永遠等待你的loading——html5會通過xmlhttprequest2等技術,解決以前的跨域等問題,幫助您的web應用和**在多樣化的環境中更快速的工作。

⑧ css3

隨著web 2.0的出現和發展,以往的css已經無法完全滿足現今頁面的互動等需求,css3應運而生了。

HTML5 基礎 SVG實踐

data 和 type 至少指定一項 在react專案中使用svg,建議使用react svg.react svg即乙個封裝後的react元件。它的目的在於利用svginjector把svg新增到dom中。import react from react import reactdom from re...

瘋狂html5講義(一) HTML5簡介

1.在html發展歷史中,最廣為人知的是html3.2和html4.01.2.將html與xml的長處加以結合,從而得到xhtml,xhtml是更嚴格 更純淨的html 3.w3c組織使用dtd document type definition,文件型別定義 來定義html和xhtml的語義約束,包...

實踐Html5的上傳檔案

技術點 1.通過input的change事件獲取檔案資訊 onchange function this.files 這個files屬性是htmlinputelement介面的屬性,只存在於現代瀏覽器中 ie10 2.檔案物件中的檔案資訊 主要是name,size,type這三個屬性 3.dom物件的...