加油的卡卡

一些用到的代码

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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还引入了新的表单元素(属性)及绘图功能,但这些兼容性难度很高了。

posted on 2012-05-08 18:23  nowboy  阅读(1130)  评论(2编辑  收藏  举报