In most browsers, all you need to do is apply a style sheet on a new tab as you would normally do, simply defining your styles. But please make sure to add the display:block; rule to every element, no matter what, from now on. Over time, as browsers begin to standardize and support new elements, that won't be necessary.
For example, let's apply some styles to our header:
Remember, you can still add class and ID attributes to these tags. So, if you want to style a navigation individually, you can easily add a class or style to the tag, like this:
Then you can apply a Style:
Compatible with old browsers
But wait, what about IE? These styles don't work under IE6 at all. If you still need to support legacy browsers like IE6, here's a solution. IE6 parses and displays these tags fine, but you can't set any CSS on them. The solution is to use a little JavaScript.
We just need to let IE set styles for the HTML 5 tags we created using the createElement method. Add this in the head tag of your HTML 5 file. Alternatively, you can save it in a specific file and include it that way.
I know what you're thinking: "Brother, you didn't define a MIME type for that script tag at all."
You don't need to specify it in the HTML 5. Do these things. In HTML 5, all scripts are assumed to be of type="text/javascript", so there's no need to clutter your script tags with attributes (unless your script isn't JavaScript).
This solves the problem with IE, but we're not out of the woods. It turns out there is a bug in the Gecko rendering engine that causes some versions of Firefox 2 and Camino to get stuck on these tabs.
There are two ways to deal with this bug, neither of which is ideal. For more details, please see this article by HTML5doctor. This article also comes with a handy script that enables all HTML 5 elements.
Keep in mind that although Firefox 2 usage has quickly dropped below 10% of all website traffic, simply ignoring this bug may still depend on your site's visitors.
Now you can use HTML 5, but will you use it?
The short answer is: we do.
The more complicated thing is: it depends on the site. If you're accused of remaking the CNN homepage, well, you might resist a little until browser support gets better. But if you want to revamp your blog, we have your back. Here are some WordPress plugins that can help you if you are using such a popular publishing system. Here is a HTML 5 theme created by Jeff Starr.
Also, try the site-focused HTML 5 Gallery and check out the source code to see what they do.
Still, if IE's shortcomings stop you, consider this: Even Google is using the HTML 5 document type on their main search page. Even if you don't use all the new structural tags, you can at least take advantage of concise script declarations and some non-structural semantic tags that we'll cover next time.
這真是痛苦，也是為什麼我們喜歡
我們已經將我們的頁面定義為HTML 5文件。到現在為止，一切都還不錯。現在，這些我們已經聽說的新標籤到底是什麼？ 
非常清楚，並且很容易理解，不是麼？一些註釋：我們可以在header標籤中包含我們 的
