成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

微軟發布Web標準更新 增加VS 2010中的HTML5支持

開發 前端
許多人在問“VS2010 何時才支持 HTML5?”我曾玩笑式地說,答案是“昨天”,因為今天沒有什么能阻止您在 Visual Studio 或 ASP.NET 中創建 HTML5。

許多人在問“VS2010 何時才支持 HTML5?”我曾玩笑式地說,答案是“昨天”,因為今天沒有什么能阻止您在 Visual Studio 或 ASP.NET 中創建 HTML5。然而,智能感知的缺乏和大量復雜代碼的存在使人們很不舒服。除此之外,還存在這樣一個事實,HTML5 是一個不斷變化且不明確的目標。我們之前說過,下一個 Visual Studio 版本將更好地支持 HTML5,但如今又如何呢?

[[33720]]

 今天,Web 平臺和工具團隊中以 Mads Kristensen 為首的一群特立獨行的成員,很高興地發布了Visual Studio Web 標準更新

此更新向所有 Visual Studio 版本增加了對 HTML5、CSS3 和新 JavaScript 功能的更好支持。

下載第一個 Visual Studio Web 標準更新

HTML5 正在迅速發展,此更新的目的將與之保持步調一致。它向 Visual Studio 和及其編輯器添加了對 HTML5、CSS3 和新 JavaScript 功能的支持。隨著新功能或元素的不斷誕生,大約每個季度更新一次目標。我們希望 ASP.NET web 開發人員始終能夠使用最新的標準,還能夠選擇現有標準。請記住,您如今可以結合使用 HTML5 和 Modernizr 等 JavaScript 庫,創建可在幾乎所有瀏覽器(包括過時的舊瀏覽器)上運行的頁面。

Visual Studio Web 標準更新為您提供了對以下內容的智能感知和驗證:

HTML 5 功能

視頻和相關標記

音頻和相關標記

新輸入類型,比如電子郵件、url、日期等

拖放支持

可訪問性標準 WAI-ARIA

微觀數據

Schema.org 和 SEO 更加友好的

瀏覽器 API

地理位置 – 位置感知網站是一種明確的發展趨勢,而且現在您能夠在 Visual Studio 中獲得全面的智能感知和驗證功能。關于優秀的示例,請查看 IE9 測試演示上的源代碼。

本地存儲 – IE從 IE8 開始就支持本地存儲,所以現在 Visual Studio 將為您提供逼真的智能感知,來創建可在瀏覽器內保存狀態的網站。相關示例請查看 HTML5 演示網站上的源文件。

CSS3

2D 變換

3D 變換

動畫

背景和邊框

基本框模型

基本 UI

行為

顏色

彈性框布局

字體

為分頁媒體生成的內容

超鏈接表示

列表

字幕

媒體查詢

多列

命名空間

頁式媒體

表示級別

Ruby

選擇器

語音

語法

模板布局

文本

過渡

此外,如果您嘗試創建適合各種平臺和瀏覽器的網站,您將喜歡 Web 標準更新,因為它不僅支持 IE 特定的前綴(比如 –ms),還支持其他供應商前綴(比如 –webkit 和 –moz)。

Visual Studio 中的 HTML5

啟動 Visual Studio 2010 時,您可以逐個文件選擇想要的 HTML 版本,或者設置默認值。

旁注:看到顯眼的 IE6 了嗎?它很久以前就在這里了。希望它很快就會消失。忽略它。

 

HTML5 in the HTML Toolbar dropdown

 

您也可以在 Tools | Options | Text Editor | HTML | Validation 中將它設為默認值。請留意錯誤選項。

 

Options (87)

 

所有新的 HTML5 語義標記都在那里,比如 section、svg、video 等。這只是第一個版本,盡管它確實很完善,但我敢肯定一定存在一些 bug。但是,它將定期更新,所以請確保您報告了發現的任何錯誤并期待它在下一個版本中得到修復。

 

Adding an Audio Tag

 

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

 

Adding a main role to a nav tag

 

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

 

Adding aria-autocomplete to an IMG tag

 

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

 

Adding http://schema.org/ attributes to an article

 

請告訴我這并不是熱心過度。偉大的 SEO!

Visual Studio 中的 CSS3

前面僅僅介紹了 HTML5。還支持 CSS3。是的,它比 CSS2 更優秀。

 

CSS3 in the dropdown

 

它包含所有出色的新 CSS3 功能,比如 column-full,當然還有圓角邊框以及動畫和變換。還有許多關于 –webkit、-moz 和 –ms 等供應商特定前綴的詳細信息。

請注意在我們挑選 -webkit-transform 快捷屬性時,下拉框中的參考工具提示。

 

Some -webkit attributes

 

Visual Studio 中的 JavaScript 和 HTML5

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

 

Geolocation in JavaScript in VS

 

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

 

LocalStorage in the editor

 

您或許喜歡將智能感知視為一種概念或精神寄托,但我喜歡將它視為一種即時對象瀏覽器,它可幫助我探索新技術,以及發現我可能未注意到的角落和縫隙。

我們不知道下一個版本的 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

【編輯推薦】

  1. 最新HTML 5與Flash性能比較報告出爐:大跌你的眼球
  2. 有關HTML 5的流言與真相
  3. HTML 5來襲:Web前端開發面臨十字路口
  4. HTML 5規范即將正式公布 正進行最后聆訊
  5. HTML 5可以做五件事情 超出你的想象
責任編輯:陳貽新 來源: MSDN
相關推薦

2011-07-19 13:39:20

iOS HTML5

2012-05-01 22:15:18

HTML5

2011-12-05 14:49:55

HTML5傲游

2010-01-27 09:17:43

Office 2010GUP加速

2011-09-27 17:37:22

2009-11-23 09:50:54

HTML5IE9

2009-12-24 13:30:51

Fedora Core

2011-12-31 11:11:01

2011-10-13 15:11:47

2014-10-30 11:25:24

2009-11-27 13:43:21

MyEclipse 8Struts 2

2013-01-30 15:35:47

AdobeHTML5

2011-08-01 09:39:57

Office 2010更新失敗修正

2010-04-14 16:29:26

Exchange Se

2013-07-31 10:53:53

LISServer 2012

2012-05-22 08:52:09

HTML5

2011-03-07 12:31:54

Filezilla

2011-08-11 14:33:13

加密RSA虛擬化

2012-05-16 09:27:53

Chrome瀏覽器

2010-03-10 09:13:01

IE9GPU加速
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 1000部精品久久久久久久久 | 91色站 | 97视频在线免费 | a a毛片 | 黄网站在线观看 | 成人性视频在线播放 | 91婷婷韩国欧美一区二区 | 欧美日韩在线视频一区二区 | 99久久婷婷国产综合精品电影 | www.xxxx欧美| 99re热精品视频 | 欧美一级精品片在线看 | 日韩中文字幕一区 | 久久草在线视频 | 中文字幕免费视频 | 亚洲欧美国产一区二区三区 | 国产在线精品一区二区 | 亚洲高清视频在线 | 国产亚洲一区在线 | 国产成人一区二区三区 | 国产在线不卡 | 欧美日产国产成人免费图片 | 91综合在线观看 | 51ⅴ精品国产91久久久久久 | 91精产国品一二三区 | 在线国产一区二区三区 | 亚洲精品一区二区三区四区高清 | 日韩中文一区 | 免费h视频| 91传媒在线观看 | 亚洲一区在线日韩在线深爱 | 国产在线h | 综合久久av | 亚洲精品一区二区在线 | 国产一区免费视频 | 精品一区二区三区在线观看国产 | 亚洲一区 | 免费av手机在线观看 | 欧美在线视频一区 | 成人免费观看男女羞羞视频 | 久久久久久久久久久久久9999 |