HTML进阶系列文章

前言：
不知道从事或者学习前端开发的大家，有没有一种对HTML似懂非懂的感觉。
由此同事开玩笑说：标签不会选怎么办？用万能的div就行。

其实我一直对HTML也是停留在浅显的表面。

假如现在有面试官问我web语义化是什么？
那么我的回答可能就是：html标签是一个完整的英文单词的缩写首字母，例如块标签p标签是paragraph，行内a标签是anchor，再比如html5的header，section以及footer等，根据标签语义去选择标签。

再深入一些问，html标签是一个对象吗？
是，因为html标签在浏览器里其实以DOM节点的形式存在，会形成一个DOM树，每种节点都有自己的nodeType和nodeName，可以使用Object.prototype.toString.call()检测标签类型。

直觉告诉我，上面的回答很入门，因为在实际开发中，主要在布局方面，div大法是最常见的选择，把display改为block，inline或者inline-block这几种形式，脑海里很难有一个明确的什么地方用什么标签的概念，如果遇到使用js api去操作DOM节点的场景，就更手足无措了，个人觉得还是对html学习得不够深入。

抛开CSS，抛开Javascript，抛开块元素和行内元素，抛开DOM节点不谈。

我们在不掺杂任何额外干扰因素的情况下，和HTML来一次美妙的约会，去了解去发现去探索HTML的纯粹的精神世界，我想，当我们对HTML有了一个清晰地解耦合的认识以后，再结合CSS和JS去创造的时候，会十分得心应手。

这次我选择了MDN的HTML开发指南的文章，之后会在Medium和w3c以及infoQ等社区寻找优秀的HTML资料，进行翻译或者转载。

一、HTML进阶之Content categories
二、HTML进阶之HTML5 Data attributes
三、HTML进阶之HTML5 Content Editable