HTML5的初级技巧 之第三课

2013/11/20 22:39:00  人气 806    模板学院  
专题:Html5教程

9. 本地存储

HTML5的本地存储功能,可以让现代浏览器“记住”我们输入的,就算浏览器关闭和刷新也不会受影响。虽然这个功能有些浏览器不支持,但是IE8, Safari 4, 还有 Firefox 3.5还是支持这个功能的,你可以测试下。

.
10. 更有语义的header和footer

下面的代码在HTML5中将不复存在

<div id=header>
...
</div>
<div id=footer>
...
</div>

通常我们都会给header和footer定义一个div,然后再添加一个id,但是在HTML5中可以直接使用<header>和<footer>标签,所以可以将上面的代码改写成:

<header>
...
</header>
<footer>
...
</footer>

要注意不要将这两个标签和网站的头部和页脚混淆起来,它们只是代表它们的容器。

11. IE对HTML5的支持

IE浏览器目前对HTML5的支持并不好,也是阻碍HTML5的更快普及的一大绊脚石,不过,IE9对HTML5的支持度还是很不错的。

IE把HTML5新增的标签都解析成内联元素,而实际上它们是块级元素,所以有必要为它们定义一个样式:

header, footer, article, section, nav, menu, hgroup {
*: block;
}

尽管如此,IE还是不能解析这些新增的HTML5标签,这个时候就需要借助Javascript来解决这个问题:

document.*Element(“article“);
document.*Element(“footer“);
document.*Element(“header“);
document.*Element(“hgroup“);
document.*Element(“nav“);
document.*Element(“menu“);
百事纟超管纟快乐(ID1000)设为专题11-20 22:38

. 微信,微博,QQ空间点击右上角的三个点分享给朋友。经典话题等你参与。关注baishiwlkj公众号成

发表回复

   


  通知楼主
暂无回复!