HTML5 Programming for ASP,NET Developers docx

[...]... chapter 1 ■ Overview of HTML5 and ASP.NET 4.5 CSS3 Strictly speaking, CSS3 isn’t a direct feature of HTML5 but is evolving along with HTML5 It’s worthwhile for any HTML5 and ASP NET developer to know CSS3 ASP NET developers rely heavily on CSS for the sake of look and feel and formatting Web Forms, views, and pages, and CSS3 introduces cool new features that are bound to grab developers attention Features... browsers and their varying support for HTML5 features Checking for HTML5 Support Dynamically Checking for HTML5 feature support statically works well only if you know the target browser For example, if you’re developing an intranet web application that is supposed to be used only by the employees of a particular company, you may standardize on a specific browser and program HTML5 features accordingly However,... Consider, for example, http://html5test.com, which provides a nice way to detect browser support for HTML5 Figure 1-6 shows the home page of the HTML5 test site displaying the HTML5 support score for the browser being used to view the site 9 chapter 1 ■ Overview of HTML5 and ASP.NET 4.5 Figure 1-6 http://html5test.com browser score As you can see in Figure 1-6, IE9 on Windows 7 scores 138 points out... nature of web applications, HTML5 has taken steps in the right direction by offering native support for features that are commonly needed by web developers Rather than rely on a third party to 6 chapter 1 ■ Overview of HTML5 and ASP.NET 4.5 provide support or develop such a feature from scratch, it’s easy to consume the native support provided by HTML5 For example, ASP NET developers used validation... HelloModernizr.htm in Firefox Notice how support for the , , and tags and drag-and-drop is confirmed to be available on the browser HTML5 and ASP.NET You’ve learned the history of HTML5 and its features You also created a couple of simple HTML5 pages and used the Modernizr library to detect browser support for HTML5 features Now, let’s see how HTML5 fits into the overall ASP NET stack... something other than HTML5 (say, HTML 4.01), HTML5- specific tags (such as , , and ) won’t appear in IntelliSense HTML5 Snippets Another time-saving feature of the Visual Studio HTML editor is HTML5 snippets HTML5 snippets add a commonly used fragment of HTML5 markup to the web page you’re editing You can then customize the fragment as needed Figure 1-15 shows the HTML5 audio snippet... detect browser support for HTML5 features at runtime You need to plug in 11 l chapter 1 ■ Overview of HTML5 and ASP.NET 4.5 code that detects the browser and its HTML5 support at runtime; then, based on the result, your web page should either use those features or use some alternative You can manually add JavaScript code that performs various tests to detect whether a particular HTML5 feature is supported... set to http://www.w3 org/1999/xhtml This namespace indicates that an HTML5 document is using validation rules from the XHTML5 specifications; Visual Studio editor flags validation errors accordingly 5 chapter 1 n overview of htML5 and asp.net 4.5 A Quick Look at HTML5- specific Tags Before you move ahead to the programmable features of HTML5, it would be helpful to glance over a few newly added elements... the MSDN documentation for all the available features of the Visual Studio HTML editor Searching for visual studio html editor in the MSDN library should get you started HTML Formatting While you’re designing an HTML page, formatting various markup tags makes navigating and locating a specific element easy The Visual Studio HTML editor does a good job of formatting the markup tags for you If you need... specific HTML5 feature: • Statically at development time • Dynamically at runtime Checking for HTML5 Support Statically With this approach, you manually ensure that the features used in your web pages are supported by your target browser You can get help from any of the online utilities that tell you whether a specific browser version supports certain HTML5 features Consider, for example, http://html5test.com, . multiple browsers and their varying support for HTML5 features. Checking for HTML5 Support Dynamically Checking for HTML5 feature support statically works well. history of HTML5 • HTML5 page layout • New markup tags • HTML5 programmable features • Where and how HTML5 fits in an ASP.NET application History of HTML5 To