Reader Level:
ARTICLE

HTML5 in Visual Studio 2010

Posted by Suthish Nair Articles | HTML 5 June 21, 2011
This article shows how to use HTML5 with Visual Studio 2010.
  • 1
  • 0
  • 30634


HTML5 for Visual Studio 2010 SP1

I thought of starting my first article in HTML5, but before I do I would like to share this new extension that was released last week.

So this blog shows how to use HTML5 extensions with Visual Studio 2010 (Finally, a Web Standards update for Visual Studio 2010 SP1).

Now we can directly use HTML5 standards in Visual Studio Editor and develop sites using HTML5.

Download and Install

Download and install the extension from Web Standards Update for Microsoft Visual Studio 2010 SP1.

113331.jpg

The installation takes some time; after successful installation start Visual Studio 2010.

Before starting development of a new site, we need to change the HTML standards validation target to HTML5.

Click on Debug, Option and Settings, under Text Editor, HTML, Validation change the Target to HTML5.

14.jpg

 

That's it !

I have created some samples by referring HTML5 Tutorials.


3.jpg

Audio Player looks like the following image.

36.jpg


Look at the top of the page; see <!DOCTYPE html> which means "this page is written in HTML5".

From the above example, it simplly shows an audio or video on a website using HTML5.

I think it's better to grab an HTML5 book to start with all these new stuff available like audio, video, canvas etc.

Conclusion

Hope you all got an idea about the new extension for Visual Studio 2010, try it at your end.

COMMENT USING

Trending up