IE8不支持HTML5中很多新定义的标签。
不要HTML5行不行?个人觉得还是跟着标准走吧,html中的标签都代表着不同的含义,对于搜索引擎来说相当重要。
不像有些牛人只用DIV,就搞定所有,我很纳闷既然这样了还要其他标签干嘛?
言归正传,先看一组新标签:
header,footer,hgruoup,nav,section,再加一个article吧。
这组标签很给力,什么都不说直接就描述了一个页面的框架,看看
<!DOCTYPE HTML> <html> <head> <title>Donald Duck's homepage</title> </head> <body> <header> <h1>Welcome to my homepage</h1> <p>My name is Donald Duck</p> </header> <nav> <a href="index-52.html">Home</a> <a href="html5_meter.html">Previous</a> <a href="html5_noscript.html">Next</a> </nav> <footer> <address> Written by W3School.com.cn<br /> <a href="mailto:us@example.org">Email us</a><br /> Address: Box 564, Disneyland<br /> Phone: +12 34 56 78 </address> </footer> </body> </html>
但是IE8不支持,老办法用DIV代替?那还不是回到过去了,代码结构又混乱了。不知道这样行不行
<div class="footer"><footer> <address> ... </address> </footer></div>
然后定义一个样式表:
footer,.footer{ background-color:yellow; display:block; clear:both; }
这样虽然又加上了一个div,但是代码结构清晰了,搜索引擎判断起来很清晰,维护也很方便。
以上只是自己瞎琢磨的,HTML5还引入了新的表单元素(属性)及绘图功能,但这些兼容性难度很高了。