![Page 2: Ashish jaiman architect evangelist Microsoft ashishja@microsoft.com](https://reader035.vdocuments.site/reader035/viewer/2022062407/56649dcf5503460f94ac4082/html5/thumbnails/2.jpg)
Notable new CSS featuresGenerated content and countersOutlinesNew ‘display’ values for tables
CSS 3.0 FeaturesBox-sizing propertyVertical text
![Page 3: Ashish jaiman architect evangelist Microsoft ashishja@microsoft.com](https://reader035.vdocuments.site/reader035/viewer/2022062407/56649dcf5503460f94ac4082/html5/thumbnails/3.jpg)
You can specify the versions of IE your site is designed to support
Content Value MeaningIE=5 Display in Quirks modeIE=7 Display in IE7 Standards modeIE=EmulateIE7 Display standards DOCTYPEs in IE7
Standards mode; Display quirks DOCTYPEs in Quirks mode
IE=8 Display in IE8 Standards modeIE=Edge Display in latest mode; In the IE8
release, this is equivalent to IE=8
• Declared <META> overrides <!DOCTYPE>• The mode specified on page takes precedence over mode specified by server
![Page 4: Ashish jaiman architect evangelist Microsoft ashishja@microsoft.com](https://reader035.vdocuments.site/reader035/viewer/2022062407/56649dcf5503460f94ac4082/html5/thumbnails/4.jpg)
2 options for rendering your site as it did in IE7
On a per-site basis, add the custom HTTP Header:X-UA-Compatible: IE=EmulateIE7
<?xml version="1.0" encoding="utf-8"?><configuration> <system.webServer> <httpProtocol> <customHeaders> <clear /> <add name="X-UA-Compatible" value="IE=EmulateIE7"> </customHeaders> </httpProtocol> <system.webServer></configuration>
![Page 5: Ashish jaiman architect evangelist Microsoft ashishja@microsoft.com](https://reader035.vdocuments.site/reader035/viewer/2022062407/56649dcf5503460f94ac4082/html5/thumbnails/5.jpg)
On a per-page basis, add a tag right after the <head> tag:<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"><html><head> <!– Tell IE8 to display in IE7 Strict mode --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>My Web Page</title></head><body> <p>Content goes here.</p></body></html>
![Page 6: Ashish jaiman architect evangelist Microsoft ashishja@microsoft.com](https://reader035.vdocuments.site/reader035/viewer/2022062407/56649dcf5503460f94ac4082/html5/thumbnails/6.jpg)
Beta 1: EmulateIE7 Button
Required Browser RestartOnly 2 universal modes: On/OffUsability success rate: 25%
Beta 2: Compatibility View Button
Does NOT require restartCan apply per-tab, per-sessionOnce clicked for a domain it persistsPredicted success rate: 70+%
(main toolbar) (Address bar)
![Page 7: Ashish jaiman architect evangelist Microsoft ashishja@microsoft.com](https://reader035.vdocuments.site/reader035/viewer/2022062407/56649dcf5503460f94ac4082/html5/thumbnails/7.jpg)
Security is keyDomain HighlightingImproved Add-On experience
Crash RecoveryBrowser tabs run independently
Feeds Platform adds authentication supportHTTP based authentication for Basic and DigestBasic authentication via SSLCan save credentials
![Page 8: Ashish jaiman architect evangelist Microsoft ashishja@microsoft.com](https://reader035.vdocuments.site/reader035/viewer/2022062407/56649dcf5503460f94ac4082/html5/thumbnails/8.jpg)
A new rendering engine that runs side by side Users expect their sites to “just work” What do developers want?
IE6 RenderingIE7 RenderingIE8 Rendering
How do we give developers what they want? Compatibility Meta Tag or HTTP Header
<meta http-equiv=“X-UA-Compatible” content=“IE=7” />
![Page 9: Ashish jaiman architect evangelist Microsoft ashishja@microsoft.com](https://reader035.vdocuments.site/reader035/viewer/2022062407/56649dcf5503460f94ac4082/html5/thumbnails/9.jpg)
Tools ship in the box Debugging HTML & CSS
View effective styles, Trace styles, View applied rules, View layout, Edit HTML and CSS
Debugging JavaScriptExecution control, Variable Inspection,
Immediate Window
Easy rendering engine changingSwitch between layout modes without changing
the page source
![Page 10: Ashish jaiman architect evangelist Microsoft ashishja@microsoft.com](https://reader035.vdocuments.site/reader035/viewer/2022062407/56649dcf5503460f94ac4082/html5/thumbnails/10.jpg)
Provides web services with a simple right clickMaps, Blogs, Email, Productivity, Social Networking
Quickly drive users back to your site Uses Open Service Format
Simple XML file
Easy to deploy to userswindow.external.IsServiceInstalled()window.external.AddService()
![Page 11: Ashish jaiman architect evangelist Microsoft ashishja@microsoft.com](https://reader035.vdocuments.site/reader035/viewer/2022062407/56649dcf5503460f94ac4082/html5/thumbnails/11.jpg)
Users monitor lots of content on the webAuctions, Weather, Top News, Blogs…
Web Slices allow users to subscribe to content directly within a web page
Requires a developer to mark up their page with a couple of new CSS classes
![Page 12: Ashish jaiman architect evangelist Microsoft ashishja@microsoft.com](https://reader035.vdocuments.site/reader035/viewer/2022062407/56649dcf5503460f94ac4082/html5/thumbnails/12.jpg)
smart address bar Accelerator One click favorite Search suggestions Web slices Tabs Security and privacy In private browsing Crash recovery
![Page 13: Ashish jaiman architect evangelist Microsoft ashishja@microsoft.com](https://reader035.vdocuments.site/reader035/viewer/2022062407/56649dcf5503460f94ac4082/html5/thumbnails/13.jpg)
© 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after
the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.