html5語義元素使用的注意事項（浏覽器相容性問題）

HTML5 提供了新的語義元素來明确一個Web頁面的不同部分:

<header>
<nav>
<section>
<article>
<aside>
<figcaption>
<figure>
<footer>      

以上的元素都是塊元素(除了​

​<figcaption>​

​​).

為了讓這些塊及元素在所有版本的浏覽器中生效，你需要在樣式表檔案中設定一下屬性 (以下樣式代碼可以讓舊版本浏覽器支援本章介紹的塊級元素):

header, section, footer, aside, nav, article, figure
{
    display: block;
}      

Internet Explorer 8 及更早IE版本中的問題

IE8 及更早IE版本無法在這些元素中渲染CSS效果，以至于你不能使用 ​

​<header>, <section>, <footer>, <aside>, <nav>, <article>, <figure>,​

​ 或者其他的HTML5 elements.

解決辦法: 你可以使用HTML5 Shiv Javascript腳本來解決IE的相容問題。HTML5 Shiv下載下傳位址：

​​https://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js​​

<!--[if lt IE 9]>
<script src="html5shiv.js"></script>
<![endif]-->