HTML5 in Visual Studio 2010

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 a successful installation starts Visual Studio 2010.
 
Before starting the 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 to 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 simply 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.