HTML 5 测试新元素

Question

如何测试我的浏览器是否支持新的语义 HTML 5 元素，例如:

<nav>
<footer>

等等？

Answer 1

Dive Into HTML5 > Detecting HTML5 Features :

There are four basic techniques for detecting whether a browser supports a particular feature. From simplest to most complex:

1. Check if a certain property exists on a global object (such as window or navigator).

   Example: testing for geolocation support

2. Create an element, then check if a certain property exists on that element.

   Example: testing for canvas support

3. Create an element, check if a certain method exists on that element, then call the method and check the value it returns.

   Example: testing which video formats are supported

4. Create an element, set a property to a certain value, then check if the property retained its value.

   Example: testing which <input> types are supported

还有，还有

Modernizr, an open source, MIT-licensed JavaScript library that detects support for many HTML5 & CSS3 features.

加上:

Appendix A: The All-In-One Almost-Alphabetical No-Bullshit Guide to Detecting Everything.