关于html5中的部分标签,在IE9以下的支持情况
这个是js文件,你可以自己写一个新的js文件来存放下面的代码
这是一个自调函数,先进行判断,一旦符合条件就执行下面的带代码,将html5里的标签一次放到页面中
(function(){
if(!/*@cc_on!@*/0)return;
var e = "abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;
console.log(i);
while(i--){document.createElement(e[i])}
})()
这仅仅是js的文件,你还要在你自己的css文件里加入下面的这段代码
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
这个目的就将加入的那些标签 变成div 这样你就不用再html中一直使用div,这样可以使页面更好看
同时上面的js文件你也可以直接写在html里面,但不太建议,因为你生成文件,下次不就方便了吗?
还有一个值得注意的
就是IE8好像不支持 css选择器中使用太长的,还用>号的形式
例如
div.ru>div>p{} 就是太长了就不会被解析出来,不知道为什么
你可以使用class命名的方式 这样你就可以
.gas{}
这样的方式来写代码,虽然层级关系不是太清楚,但只要跟上详细的注释就可以了。