代码改变世界

初识html5

2012-02-17 20:50  边缘er  阅读(182)  评论(0编辑  收藏  举报

变简洁了
DOCTYPE声明
声明没有那么长了,只需<!doctype html>即可。

charset编码
拿utf-8编码来说,<meta charset="utf8">。有没有引号无所谓,大小写无所谓(html本身就很松散,不像xml,但最好养成良好的习惯)。

html、head、body
这3个标签是可选的,浏览器会自动生成,为了可维护行,最好写上。

部分新增标签
header:页眉,用于整个页面或某区块
footer:页脚,同上
section:一部分一个块(有点像DIV)
article:自构成的一部分,可以复用或聚合。如一篇博客,一个故事,一个教程等
aside:相关内容,常用于边栏
nav:导航
hgroup:标题盛放器(h1,h2),假如有2个标题挨着,一个大标题一个小标题,可以放到这个标签中;
figure:可以理解成dl和dt结构。标题+内容结构,标题写在子元素figcaption标签中;
detail:提供一个展开/收缩区域(类似竖向可收缩、展开的导航这个效果),其中子元素summary是可以点击的,控制展开还是搜索(此标签尚未实现);
...
让ie9以下支持新标签的js
这里所说的支持不是功能能支持,只是用document.createElement创建这些标签,从而可以用css来控制样式。

<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

selectors API

querySelector()//返回第一个匹配的元素
querySelectorAll()//返回所有匹配元素


用了这个API再配合css3,就能实现很多JQ库的查找功能了。