浏览器对HTMl5新元素的兼容问题

有些浏览器尚未对HTML5中新增的结构元素提供支持，我们无法知道客户端使用的浏览器是否支持这些元素，所以需要使用css追加一下声明，目的是同志浏览器页面中使用的HTML5中新增元素都是一块的方式显示的，如下所示。

//追加block声明

article,aside,dialog,figure,footer, header,legend, nav,section {

            display:block;

}

//正常使用样式

nav {

    float:left;

    width:20%;

}

article {

    float:right;

    width:79%;

}

另外，IE8及以前的浏览器不支持用CSS的方法来使用这些尚未支持的结构元素，为了在IE浏览器中也能正常使用这些结构元素，需要使用JavaScript脚本，如下所示：

//在脚本中创建元素

<script>

      document.createElement('header');

      document.createElement('nav');

      document.createElement('article');

      document.createElement('footer');

</script>

<style>

    //正常使用样式

nav {

          float:left;

          width:20%;

     }

article {

          float:right;

          width:79%;

     }

</style>

    尽管这段JavaScript脚本在其他浏览器中是不需要的，但他不会对这些浏览器造成什么不良影响。另外，到了IE9之后，这顿脚本就不需要了。