基于HTML5的學校網站設計

基于HTML5的學校網站設計

摘要：本文介紹了HTML5的發展背景、HTML5與HTML4的主要區別及HTML5的新特性，如用于繪畫的canvas元素、用于媒介回放的video和audio元素、本地離線存儲及新的表單控件等。以XX師范學院網站為例，采用HTML5代碼實現網站，提高網站的執行速度，讓瀏覽者得到更好的訪問體驗。并以原有網站Flash動畫為例，討論了如何用HTML5 canvas元素畫出圖線、矩形并結合JQuery等功能實現Flash動畫，提高網站的加載速度。6992

關鍵詞：HTML5；Canvas；網站

Website of University Design Based HTML5

Abstract: This paper introduces the development background of HTML5, the main differences between HTML5 and HTML4 and the new characteristics of HTML5, such as the canvas element, painting for media playback of video and audio elements, local offline storage and new form controls. Taking the Website of Zhoukou Normal University as an example, using HTML5 code to achieve site, improve the site's execution speed, and let visitors to get better access to experience. Taking the website Flash animation as an example, it discusses how to use the HTML5 canvas element to draw graph, rectangular and JQuery functions to realize the Flash animation, improve speed of the site loading.

Keywords: HTML5; Canvas; Website

目錄

摘要1

引言1

1. HTML5概述2

1.1 HTML5的發展背景2

1.2 HTML5與HTML4的主要區別2

2. HTML5的新特性3

2.1 HTML5標準簡述及意義3

2.2 用于繪畫的canvas元素4

2.3 用于媒介回放的video和audio元素4

2.4 本地離線存儲4

2.5 新的表單控件5

3. 用HTML5代碼實現周口師范學院網站5

1.2 HTML5與HTML4的主要區別

HTML是當前Web應用中最為廣泛的語言，為了適應快速發展的Web技術和應用需求，HTML5在HTML4基礎上發展起來，因此成為W3C新的Web標準[4]。HTML5引入了一整套全新的元素來讓構建頁面變得更加簡單。作為下一代Web技術標準的HTML5，與HTML4有很多不同。為了表明HTML5的優勢所在，以下通過對HTML4和HTML5進行差異性對比研究，來分析HTML5的新特性和功能。

1.2.1 兼容性適應能力升級明顯

不同的PC操作系統、不同的移動終端平臺、不同的瀏覽器，對HTML4標準提出了新的技術應用要求，并且出現了新的語義元素和書寫規范。新元素和新規范的產生以及支持的標準不同導致了HTML文檔出現各種兼容性的問題，如DOCTYPE影響CSS處理、UL標簽在Mozilla中默認是有padding值的，而在IE中只有margin有各類兼容性問題。而作為下一代HTML候選標準的HTML5，其制定原則為：新特性基于HTML、CSS、DOM以及JavaScript；減少對外部插件的需求(比如Flash)；獨立于設備等。獨立于設備這個原則意味著HTML5脫離于系統平臺本身，依靠自身的語言規范來實現技術應用，將對平臺的依賴性降到最低，極大避免了在HTML4標準中出現的各種兼容性問題。

1.2.2 多媒體表現彰顯特色

音視頻方面：當前Web應用于媒體時代，僅支持最基本的音視頻文件，無法滿足其他應用需求的HTML4，必須通過采用中間件或者引入插件方式來支持多類媒體元素的應用。而HTML5將音視頻代碼簡化成兩個標簽元素，即Video和Audio。開發人員可直接使用這兩個標簽，則可將多種格式的音視頻文件嵌入網頁[5]。這樣既降低了Web開發人員的難度，也最大程度的避免了使用插件出現的穩定性與安全性問題。

圖形動

總結

以上是生活随笔為你收集整理的html设计学校网站,基于HTML5的学校网站设计.doc的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。