html语义化

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

原文地址:https://www.cnblogs.com/NeryXJ/p/9543261.html