微軟發(fā)布Web標準更新 增加VS 2010中的HTML5支持
許多人在問“VS2010 何時才支持 HTML5?”我曾玩笑式地說，答案是“昨天”，因為今天沒有什么能阻止您在 Visual Studio 或 ASP.NET 中創(chuàng)建 HTML5。然而，智能感知的缺乏和大量復雜代碼的存在使人們很不舒服。除此之外，還存在這樣一個事實，HTML5 是一個不斷變化且不明確的目標。我們之前說過，下一個 Visual Studio 版本將更好地支持 HTML5，但如今又如何呢?
今天，Web 平臺和工具團隊中以 Mads Kristensen 為首的一群特立獨行的成員，很高興地發(fā)布了Visual Studio Web 標準更新。
此更新向所有 Visual Studio 版本增加了對 HTML5、CSS3 和新 JavaScript 功能的更好支持。
HTML5 正在迅速發(fā)展，此更新的目的將與之保持步調(diào)一致。它向 Visual Studio 和及其編輯器添加了對 HTML5、CSS3 和新 JavaScript 功能的支持。隨著新功能或元素的不斷誕生，大約每個季度更新一次目標。我們希望 ASP.NET web 開發(fā)人員始終能夠使用最新的標準，還能夠選擇現(xiàn)有標準。請記住，您如今可以結(jié)合使用 HTML5 和 Modernizr 等 JavaScript 庫，創(chuàng)建可在幾乎所有瀏覽器(包括過時的舊瀏覽器)上運行的頁面。
Visual Studio Web 標準更新為您提供了對以下內(nèi)容的智能感知和驗證：
HTML 5 功能
瀏覽器 API
地理位置 – 位置感知網(wǎng)站是一種明確的發(fā)展趨勢，而且現(xiàn)在您能夠在 Visual Studio 中獲得全面的智能感知和驗證功能。關(guān)于優(yōu)秀的示例，請查看 IE9 測試演示上的源代碼。
本地存儲 – IE從 IE8 開始就支持本地存儲，所以現(xiàn)在 Visual Studio 將為您提供逼真的智能感知，來創(chuàng)建可在瀏覽器內(nèi)保存狀態(tài)的網(wǎng)站。相關(guān)示例請查看 HTML5 演示網(wǎng)站上的源文件。
CSS3
此外，如果您嘗試創(chuàng)建適合各種平臺和瀏覽器的網(wǎng)站，您將喜歡 Web 標準更新，因為它不僅支持 IE 特定的前綴(比如 –ms)，還支持其他供應商前綴(比如 –webkit 和 –moz)。
Visual Studio 中的 HTML5
啟動 Visual Studio 2010 時，您可以逐個文件選擇想要的 HTML 版本，或者設(shè)置默認值。
旁注：看到顯眼的 IE6 了嗎?它很久以前就在這里了。希望它很快就會消失。忽略它。
您也可以在 Tools | Options | Text Editor | HTML | Validation 中將它設(shè)為默認值。請留意錯誤選項。
_thumb.png)
所有新的 HTML5 語義標記都在那里，比如 section、svg、video 等。這只是第一個版本，盡管它確實很完善，但我敢肯定一定存在一些 bug。但是，它將定期更新，所以請確保您報告了發(fā)現(xiàn)的任何錯誤并期待它在下一個版本中得到修復。
甚至還支持一些重要(但利用不足或未得到足夠重視的)屬性，比如 WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications)
另外，aria-* 屬性不僅顯示為啟用了智能感知的屬性，還顯示為它們的枚舉值：
標記當然非常有趣，那么微觀數(shù)據(jù)又如何呢?Bing、Google 和 Yahoo 都支持微觀數(shù)據(jù)，以及更具體的 schema.org 詞匯。因此，此更新將向大部分流行的詞匯(包括 schema.org 和 data-vocabulary.org)添加智能感知。
請告訴我這并不是熱心過度。偉大的 SEO!
Visual Studio 中的 CSS3
前面僅僅介紹了 HTML5。還支持 CSS3。是的，它比 CSS2 更優(yōu)秀。
它包含所有出色的新 CSS3 功能，比如 column-full，當然還有圓角邊框以及動畫和變換。還有許多關(guān)于 –webkit、-moz 和 –ms 等供應商特定前綴的詳細信息。
請注意在我們挑選 -webkit-transform 快捷屬性時，下拉框中的參考工具提示。
Visual Studio 中的 JavaScript 和 HTML5
此更新中增加了眾多 JavaScript 智能感知功能。比如通過 navigator.geolocation 實現(xiàn)的地理位置和通過 window.localStorage 實現(xiàn)的 DOM 存儲。
以下是使用一些新的本地存儲功能并顯示智能感知的一些 HTML5 和 JavaScript 代碼片段。
您或許喜歡將智能感知視為一種概念或精神寄托，但我喜歡將它視為一種即時對象瀏覽器，它可幫助我探索新技術(shù)，以及發(fā)現(xiàn)我可能未注意到的角落和縫隙。
我們不知道下一個版本的 Visual Studio 或下一個版本的 HTML5 中會出現(xiàn)什么，但是對于有興趣了解這些內(nèi)容的人員，我們希望 Visual Studio 的這個 Web 標準支持“實時更新”將對您有所幫助!
親愛的讀者，請盡情體驗。
備注：此更新適用于希望使用 HTML5、新 JavaScript 功能和 CSS3 的 ASP.NET 和 HTML5 編輯人員。我沒有提及 Silverlight，因為它與 Silverlight 沒有關(guān)系。我曾經(jīng)說過“只是因為您最喜歡的技術(shù)沒有在主題演講中提及，就認為它銷聲匿跡了，這是不對的。”假設(shè)相同的規(guī)則也適用于博客文章。
補充備注：右側(cè)的徽標并不是官方徽標，只是覺得有趣就放在這里了。
原文鏈接：http://www.cnblogs.com/msdnchina/archive/2011/06/20/visualstudio2010html5update.html
【編輯推薦】
