微軟發布Web標準更新 增加VS 2010中的HTML5支持
許多人在問“VS2010 何時才支持 HTML5?”我曾玩笑式地說,答案是“昨天”,因為今天沒有什么能阻止您在 Visual Studio 或 ASP.NET 中創建 HTML5。然而,智能感知的缺乏和大量復雜代碼的存在使人們很不舒服。除此之外,還存在這樣一個事實,HTML5 是一個不斷變化且不明確的目標。我們之前說過,下一個 Visual Studio 版本將更好地支持 HTML5,但如今又如何呢?
今天,Web 平臺和工具團隊中以 Mads Kristensen 為首的一群特立獨行的成員,很高興地發布了Visual Studio Web 標準更新。
此更新向所有 Visual Studio 版本增加了對 HTML5、CSS3 和新 JavaScript 功能的更好支持。
HTML5 正在迅速發展,此更新的目的將與之保持步調一致。它向 Visual Studio 和及其編輯器添加了對 HTML5、CSS3 和新 JavaScript 功能的支持。隨著新功能或元素的不斷誕生,大約每個季度更新一次目標。我們希望 ASP.NET web 開發人員始終能夠使用最新的標準,還能夠選擇現有標準。請記住,您如今可以結合使用 HTML5 和 Modernizr 等 JavaScript 庫,創建可在幾乎所有瀏覽器(包括過時的舊瀏覽器)上運行的頁面。
Visual Studio Web 標準更新為您提供了對以下內容的智能感知和驗證:
HTML 5 功能
瀏覽器 API
地理位置 – 位置感知網站是一種明確的發展趨勢,而且現在您能夠在 Visual Studio 中獲得全面的智能感知和驗證功能。關于優秀的示例,請查看 IE9 測試演示上的源代碼。
本地存儲 – IE從 IE8 開始就支持本地存儲,所以現在 Visual Studio 將為您提供逼真的智能感知,來創建可在瀏覽器內保存狀態的網站。相關示例請查看 HTML5 演示網站上的源文件。
CSS3
此外,如果您嘗試創建適合各種平臺和瀏覽器的網站,您將喜歡 Web 標準更新,因為它不僅支持 IE 特定的前綴(比如 –ms),還支持其他供應商前綴(比如 –webkit 和 –moz)。
Visual Studio 中的 HTML5
啟動 Visual Studio 2010 時,您可以逐個文件選擇想要的 HTML 版本,或者設置默認值。
旁注:看到顯眼的 IE6 了嗎?它很久以前就在這里了。希望它很快就會消失。忽略它。

您也可以在 Tools | Options | Text Editor | HTML | Validation 中將它設為默認值。請留意錯誤選項。
_thumb.png)
所有新的 HTML5 語義標記都在那里,比如 section、svg、video 等。這只是第一個版本,盡管它確實很完善,但我敢肯定一定存在一些 bug。但是,它將定期更新,所以請確保您報告了發現的任何錯誤并期待它在下一個版本中得到修復。

甚至還支持一些重要(但利用不足或未得到足夠重視的)屬性,比如 WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications)

另外,aria-* 屬性不僅顯示為啟用了智能感知的屬性,還顯示為它們的枚舉值:

標記當然非常有趣,那么微觀數據又如何呢?Bing、Google 和 Yahoo 都支持微觀數據,以及更具體的 schema.org 詞匯。因此,此更新將向大部分流行的詞匯(包括 schema.org 和 data-vocabulary.org)添加智能感知。

請告訴我這并不是熱心過度。偉大的 SEO!
Visual Studio 中的 CSS3
前面僅僅介紹了 HTML5。還支持 CSS3。是的,它比 CSS2 更優秀。

它包含所有出色的新 CSS3 功能,比如 column-full,當然還有圓角邊框以及動畫和變換。還有許多關于 –webkit、-moz 和 –ms 等供應商特定前綴的詳細信息。
請注意在我們挑選 -webkit-transform 快捷屬性時,下拉框中的參考工具提示。

Visual Studio 中的 JavaScript 和 HTML5
此更新中增加了眾多 JavaScript 智能感知功能。比如通過 navigator.geolocation 實現的地理位置和通過 window.localStorage 實現的 DOM 存儲。

以下是使用一些新的本地存儲功能并顯示智能感知的一些 HTML5 和 JavaScript 代碼片段。

您或許喜歡將智能感知視為一種概念或精神寄托,但我喜歡將它視為一種即時對象瀏覽器,它可幫助我探索新技術,以及發現我可能未注意到的角落和縫隙。
我們不知道下一個版本的 Visual Studio 或下一個版本的 HTML5 中會出現什么,但是對于有興趣了解這些內容的人員,我們希望 Visual Studio 的這個 Web 標準支持“實時更新”將對您有所幫助!
親愛的讀者,請盡情體驗。
備注:此更新適用于希望使用 HTML5、新 JavaScript 功能和 CSS3 的 ASP.NET 和 HTML5 編輯人員。我沒有提及 Silverlight,因為它與 Silverlight 沒有關系。我曾經說過“只是因為您最喜歡的技術沒有在主題演講中提及,就認為它銷聲匿跡了,這是不對的。”假設相同的規則也適用于博客文章。
補充備注:右側的徽標并不是官方徽標,只是覺得有趣就放在這里了。
原文鏈接:http://www.cnblogs.com/msdnchina/archive/2011/06/20/visualstudio2010html5update.html
【編輯推薦】