43
<button
type=”submit”> Submit Form </button>
44
</form>
45
</body>
46
</html>
在说到浏览器所支持和不支持的元素以及属性时，你必需知道当前所有浏览器都不是那么
可靠。例如，
Opera 只有在你指定 name 属性时才支持电子邮件验证。不过，它不支持占位符
属性（下面即将要讲到的）。最后，虽然你可以使用这种形式的验证，不过不要过分依赖它。
8. 占位符
此前，我们需要使用
JavaScript 来创建文本框的占位符。你可以初步设定值属性来看是否合
适，但是只要用户删除了该文本，输入的内容就会再次变成空的。占位符属性有效地弥补了
这一点。
47
<input name=”email” type=”email”placeholder=”doug@givethesepeopleair.com” />
9. 本地存储
多亏了
HTML5 的 local storage ，我们可以让高级浏览器“记住”我们输入的内容，就算后来
浏览器关闭或者重新刷新也不受影响。尽管不是所有的浏览器都支持，但是最关键的
Internet Explorer 8, Safari 4, Firefox 3.5.都支持。
10. 语义性的 Header 和 Footer
48
<div id=”header”>
49
…
50
</div>
51
<div id=”footer”>
52
…
53
</div>
上面的代码一去不复返。
Divs 从根本上来说并没有任何语义结构，即使应用上了 ID 还是如
此。而在
HTML5 中，我们可以使用<header>和<footer>元素，上面的代码就可以替换为：
54
<header>
55
…
56
</header>
57
<footer>
58
…
59
</footer>
不过注意不要将这两个元素与网站的头部和脚部混淆起来。它们只是代表它们的容器。
11. IE 和 HTML5
IE 理解新的 HTML5 元素需要费一定的神，为了确保新的 HTML5 元素能够以块级元素正
确显示，有必要将它们用下面的代码定义风格：
60
header, footer, article, section, nav, menu, hgroup {
61
display: block;
62
}
就算如此，
IE 还是不知道这些元素究竟是什么，因而会无视这些格式，还需要用到下面的
代码来解决这个问题：
63
document.createElement(“article”);
64
document.createElement(“footer”);
65
document.createElement(“header”);
找互联网资料，就到一览互联网文库