DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 揭秘HTML 5和CSS3 Web實現飛躍的踏板(1)
揭秘HTML 5和CSS3 Web實現飛躍的踏板(1)
編輯:CSS詳解     

互聯網的發展總是在不斷地催生新技術的產生,而Html 5和CSS 3是最近一直被討論的熱門話題,關於Html 5與Flash之間的唇槍舌戰一直不斷,而CSS 3的新功能也讓人們備受期待。那麼Html 5和CSS3究竟有哪些讓我們眼前一亮的東西呢?

HTML 5草案的前身名為Web Applications 1.0,於2004年被WHATWG提出,於2007年被W3C接納,並成立了新的HTML工作團隊。在2008年1月22日,第一份正式草案發布。 Html 5是近十年來web開發標准最巨大的飛躍。和以前的版本不同,HTML 5並非僅僅用來表示Web內容,它的新使命是將Web帶入一個成熟的應用平台,在HTML 5平台上,視頻,音頻,圖象,動畫,以及同電腦的交互都被標准化。那麼我們來看一下Html 5的技術概覽有哪些:

HTML 5新增和移除的元素HTML 5新增了很多多媒體和交互性元素如video, audio,在HTML 4當中如果要嵌入一個視頻或是音頻的話需要引入一大段的代碼,還有兼容各個浏覽器,而HTML 5只需要通過引入一個標簽就可以,就像img標簽一樣方便。在頁面布局和內容實現方面HTML 5新增了很多結構化標簽元素以及塊級及語義元素,如果你要用HTML表示一個文件的上傳進度條,在Html 5中你可以用progress這個元素來表示,它有一個value屬性描述了已經完成了多少任務,還有一個屬性max描述了這個任務一共需要多少,還可以通過DOM接口得到這個進度條的position屬性(只讀),也就是任務完成的百分比。

HTML 5和CSS3

Youtube在HTML 5技術上已經做了一個嘗試,從整個頁面源代碼來看,非常簡潔。當然HTML 5也對一些元素新增了一些屬性,如input和textarea的placeholder屬性,相當於輸入框的輸入提示,script有一個async屬性會影響腳本的加載和執行。對於所有的HTML共有的屬性我們通常把它稱作是“全局屬性”,如class, id, tabindex, title,HTML 5也新增了一些全局屬性,如contenteditable, contextmenu, hidden等屬性。HTML 5還增加了對於微數據的支持,如Html5新增的item, itempro, subject等屬性。

當然HTML 5也移除了一些表示頁面展現的元素,如font, center, strike等,這些本應該是CSS來做的,所以還是很好理解的,也移除了一些影響網站可訪問性的元素如frame, frameset, noframe以及一些不常用的元素如acronym,而采用abbr來表示縮寫。HTML 5還移除了一些影響客戶端兼容性的HTML熟悉,如link的rev屬性,td的scope屬性;Html 5也移除了一些表示頁面展現的屬性如一些元素的align,bgcolor屬性。

HTML 5對表單的支持HTML 5提供了強大的控件類型如url, email, date, tel等,強大的約束屬性,如required表示必填,文件上傳的accept屬性,以及一些表單重復元素模型的支持,Html5在提交表單的時候還可以設置提交的方式為XML提交方式,這樣服務器端接收到的數據將是XML格式,Html5的表單被定義為“Web Forms 2.0”,目前Opera9.5+對Web Forms 2.0的支持較為完美。

HTML 5 DOM變化HTML 5在DOM LEVEL 2 HTML方面很多都是繼承自HTMLDocument的接口,當然Html 5在DOM上也有一些值得注意的新成員,如:支持 getElementsByClassName,可以根據class類名選擇元素,getSelection()將會返回當前選中的對象,在選擇器上面有兩個方法querySelector和querySelectorAll可以根據 CSS選擇符來獲取要查詢的元素,相當於YUI3中的Y.one和Y.all。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved