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