Time标签

曾经time标签被一个语义不好的标签替代，幸好后面恢复了使用。

<time datetime=”PT 1D 6H 10M 30S”></time>

这里的后缀 D H M S  分别表示日期，小时，分钟，秒。至于这个PT，我个人也不理解，书中也没有相关的介绍。

表单元素number

浏览器给它的后面添加了输入箭头或者旋钮，这时候您如果不需要，可以通过下面的代码去除这个样式，去除之后单击输入框调出的同样是数字键盘。

input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button{

  -webkit-appearance:none;

  -moz-appearance:textfield;

  margin:0;

}

表单验证

Min和max不能和required同时使用，这里说的required添加进去表单之后，作用是：使得表单中的属性全部正确输入后才会提交。

h-card微格式

帮助个人或者组织创建格式化的信息。

 对于事件信息，我们用h-event来发布事件；

对谈话或者对阅读发表评论，我们可以用h-review来发表评论。 而评论的重要之处在于意见，我们可以用e-description

 

参考书：《前端体验设计HTML5+CSS3终极修炼》  作者：Andy Clarke    译者：腾讯FERD