HTML5

默认的，HTML5新元素被以inline的方式渲染，不过可以通过下面这种方式让其以block方式渲染

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

不幸的是IE会忽略这些样式，可以像下面这样fix:

document.createElement(”article”);
document.createElement(”footer”);
document.createElement(”header”);
document.createElement(”hgroup”);
document.createElement(”nav”);
document.createElement(”menu”);

 

 

使用最尖端的HTML 5的捷径

如果你已经迫不及待地想IE 8老死掉，那么，有很多种方法可以跳过它继续往前——再说一次，依然取决于你的访客。查看一下你的站点的访问日志，看看 访问量最多的浏览器标头是什么。这其中有一种方法就是，例如，使用Google的Chrome Frame，给IE嵌入了一个Chrome实例，如果你明白你站点的访问者可能已经安装了GCF[Google Chrome Frame]，那么你可以在你的HEAD里加上一行META标签，强制IE浏览器使用GCF来显示你的网站：

<meta http-equiv="X-UA-Compatible" content="chrome=1">

 

滑动选择器：

<input type="range" min="0" max="100" step="2" value="50"> 

 

颜色选择器：

<input type="color"> 

 

日期选择器：

<input type="date"> 

 

带有正则验证的输入框：

<input type="text" pattern="[0-9]{13,16}"> 

 

必须输入的输入框:

<input type="text" required>

 

 A list of Data

<input name="country" list="countries" />
<datalist id="countries">
<option value="Australia">
<option value="Germany">
<option value="United Kingdom">
<option value="United States">
</datalist>