《web前端最佳实践》-HTML篇_html/css_WEB-ITnose

一、web标准

先来看几个时间点。

2012年12月17日，HTML5定义完成。

2014年6月17日，发布标准草案的最终征求意见稿。

2014年10月28日，W3C发布HTML5正式推荐标准。

新特性的使用

近几年，HTML5的概念被炒的过头了，给人感觉是酷炫，甚至“无所不能”，然而它只是一个新的web标准。是对几个应用比较广泛的特性的讨论。

1、简化定义方式。

避免不必要的复杂性，比如文档类型声明、定义页面编码、样式和脚步的引用方式等。

2、使用新标签和新属性。

新标签：

语义化标签： 、 等

功能性标签： 、 、 等

新的输入控件类型：tel、search、email等

新属性：

的async属性

的target属性

和 里面的placeholder、required、autofocus属性

标签自定义属性data-*，用于保存自定义数据，同时添加对应API：dataset

小tips 不要使用HTML5中已经弃用的标签和属性

1、没有任何语义，仅为了设置外观 、 、 、 、 、 等 2、破坏了可用性的标签 、 、

3、移除的标签属性 align、valign、bgcolor等

如何处理兼容性

(1)通过document.creatElement产生标签

(2)使用成熟的框架，如：html5shim

注：此处仅为让浏览器识别新标签的兼容方法，其他还有很多兼容问题，此处不赘述。

此文为读了党建前辈所著《web前端开发最佳实践》HTML部分之后所记录，内容仅仅是冰山一角。阅读过程中意识到了自身的很多不足，受益匪浅。希望大家都能读一下。

查看更多关于《web前端最佳实践》-HTML篇_html/css_WEB-ITnose的详细内容...