如何将现有的ASP.NET网站转换为HTML 5

时间:2011-03-10 06:16:50

标签: asp.net visual-studio-2010 web-applications

我有一个首先由Visual Studio 2005创建的网站,然后我转换为Visual Studio 2008并且当前使用Visual Studio 2008.在Visual Studio 2010 Service Pack 1之后,HTML 5和CSS 3似乎可用。我想将我的网站转换为使用HTML5的VS 2010网站。

如何做到这一点?

当我将它从VS2008移植到Visual Studio 2010时,是否可以将其转换为ASP.NET Web应用程序?

我知道如何在Visual Studio 2008中将网站转换为Web应用程序,但我没有使用Visual Studio 2010,也不知道这些差异。

4 个答案:

答案 0 :(得分:8)

如smnbss所述,没有转换工具可以为您执行此操作。也就是说,VS 2010中的HTML5和CSS3可以使用新的SP1进行智能感知支持。更多信息:

http://madskristensen.net/post/HTML5-CSS3-in-Visual-Studio-2010-SP1.aspx

http://geekswithblogs.net/ranganh/archive/2011/02/07/html5-and-visual-studio-2010.aspx

如果你避免使用能够显示丑陋HTML的控件,那么很可能会这样做;例如,选择ListViews而不是GridViews。

另外,使用HTML5Boilerplate来帮助您实现跨浏览器的一致性。

以下是如何使用Nuget将Boilerplate集成到ASP.NET Web Forms项目中(警告:这是新的,我还没有尝试过):

http://nuget.org/List/Packages/Html5Boilerplate.WebForm

在应用HTML5Boilerplate之前,您需要根据您的用户群确定自己的优先级,然后确定哪种组合更适合您的情况:

Progressive Enhancement and Gradual Degradation

最后,由于“移动”网络使用率首次超过桌面浏览器,您可能需要考虑“Mobile First

<强>更新

ASP.NET MVC3刚刚发布,包含支持HTML 5的项目模板:

http://www.asp.net/mvc/mvc3

答案 1 :(得分:6)

我认为没有任何工具可以将ASP.NET应用程序转换为HTML 5 ... 基本上HTML5就像HTML4一样,还有一些标签可以用于特定目的。

在您的母版页中,您可以开始使用动画的导航标签,如果您使用闪光灯显示视频,则可以将其转换为使用此http://camendesign.com/code/video_for_everybody

基本上如果你想使用html5的“新”功能,你可以做到,但没有办法将你所做的事情“转换”为HTML5

答案 2 :(得分:5)

您将使用HTML5的哪些功能?它不像.NET 1.1 VS .NET 4。

首先,您必须知道HTML5到底是什么。

如果您正在搜索将 Flash 文件转换为 HTML5 的工具,我不知道。

但是,将 HTML4 转换为 HTML5 ... 这是同一个人!只是提供更多功能。

不要忘记我们国家的许多用户仍在使用 IE6

干杯

答案 3 :(得分:1)

找出HTML5与当前ASP.NET网站页面之间的区别,并在VS中使用替换功能(Ctrl + Shift + H)。