从现在开始开始慢慢使用HTML的一些新标签，HTML5的路还很长，使用这些新标签作为我开始HTML5的第一步。让我们快速预览一下HTML5的新功能。1.新的DOCTYPE和字符集根据HTML5设计化
从现在开始开始慢慢使用HTML的一些新标签，HTML5的路还很长，使用这些新标签作为我开始HTML5的第一步。
让我们快速预览一下HTML5的新功能。
1.新的DOCTYPE和字符集
根据HTML5设计化繁为简准则，web页面的DOCTYPE被极大地简化了。
从HTML4的一大串<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">到现在的<!DOCTYPE HTML>，反正以前我是记不住只能是复制或者Dreamweaver新建。HTML5干净利索地解决了这个问题。
2.新元素和旧元素
HTML5的内容类型
内嵌型：向文档添加其他类型的内容，例如audio, video, canvas 等
流 ：在文档和应用的body使用的元素，例如form , h1,small等
标题 ：段落标题，例如H1,H2,hgroup
交互 ：与用户交互的内容，例如音频和视频的控件、button、textarea…
短语 ：文本和文本标记元素，例如mark , kbd, sub,sup等
片段 ：用于定义页面片段的元素，例如article , aside ,title等
上述所有类型的元素都可以通过CSS来设定样式。对于旧元素需要注意的是，HTML5中移除了很多内设样式的标记元素，如big , center ,font 和 basefont等，以鼓励开发人员使用CSS。
3.语义化标记
header标记头区域的内容
footer标记脚部区域内容
section Web页面中的一块区域
article 独立的文章内容
aside 相关内容或者引文
nav 导航类辅助内容
4.使用Selectors API简化选取操作
除了语义化元素外，HTML5还引入了一种用于查找页面DOM 元素的快捷方式。
以前用来查来元素的Javascript的方法：getElemenById()根据指定的ID查找并返回元素，
getElementsByName返回所有name特性为指定值的元素，getElementsByTagName返回所有标签名称与指定值相匹配的元素。
有了新的Selectors API后，可以用更精确的方式来指定希望获取的元素，而不必用标准的DOM的方式循环遍历。Selectors API与现在CSS中使用的选择规则一样，通过它我们可以查找页面中的一个或多个元素。例如querySelector(“input.error”)返回第一个CSS类名为error的文本输入框。querySelectorAll(“#results td”)返回id值为results的元素下所有的单元格。
我想你可能已经知道，IE还不支持HTML5。所以首先，我们需要做的是：用JavaScript调教一下IE
如果你想要你的HTML5应用能兼容所有主要浏览器，唯一的办法就是做两个网站，很明显没有人愿意这么做！
有一个很好的网站叫做HTML5Doctor,它提供了完美的修复。他们很温柔的在你的<head>部分写了一点JavaScript，这样IE就能看到以下HTML5元素
把这段JS保存为文件在<head>里引入，这样会优雅很多
现在，我们已经让所有的主流浏览器（IE，Safari，Chrome，Fitefox，Opera）能够识别HTML5的代码了，现在我们可以开始使用它们了。
本站技术原创栏目文章均为中睿原创或编译，转载请注明：文章来自中睿，本站保留追究责任的权利。
