日期:2014-05-17  浏览次数:20653 次

28个你必须知道的HTML5的新特性,技巧以及技术

1.?新的Doctype

尽管使用<!DOCTYPE html>,即使浏览器不懂这句话也会按照标准模式去渲染

2. Figure元素

用<figure>和<figcaption>来语义化地表示带标题的图片

<figure>

<img src=”path/to/image” alt=”About image” />

<figcaption>

<p>This is an image of something interesting. </p>

</figcaption>

</figure>

3.?重新定义的<small>

<small>已经被重新定义了,现在被用来表示小的排版,如网站底部的版权声明

4.?去掉linkscript标签里面的type属性

5.?/不加?括号

HTML5没有严格的要求属性必须加引号,闭合不闭合,但是建议加上引号和闭合标签

6.?让你的内容可编辑,只需要加一个contenteditable属性

7. Email Inputs

如果我们给Input的type设置为email,浏览器就会验证这个输入是否是email类型,当然不能只依赖前端的校验,后端也得有相应的校验

8. Placeholders

这个input属性的意义就是不必通过javascript来做placeholder的效果了

9. Local Storage

使用Local Storage可以永久存储大的数据片段在客户端(除非主动删除),目前大部分浏览器已经支持,在使用之前可以检测一下window.localStorage是否存在

10.?语义化的headerfooter