HTML是标记语言，负责标记网页页面内容，合理的HTML使用可以提高阅读性，便于搜索引擎的搜索。并且语义化是未来的趋势，将标签进行合理的分类可以让自己便于理解整个页面内容结构和并进行记忆。。

资料参考：

MDN,《css设计指南》（第一章）

下面我会按照实际使用时的重要性进行分类讨论（主观）

一 语义化

　　含义：不同的页面区域使用不同的标签进行定义。如header footer aside address 等

　　好处：1.便于SEO即浏览器爬虫搜索提高网络搜索排名 2.页面结构清晰，便于阅读维护

　　目前：依然有大部分网站考虑到兼容性问题使用div+span，然而语义化目前已经开始实施。

　　tip：语义化指的是结构，而不是样式，我们提倡结构样式分离，样式都交给css解决，因此一些表达样式的标签以后都不会用了。

二 CSS表现

　　block:块状标签，可以定义宽高并且占网页一行

　　inline:行内标签，不能定义宽高但是随元素依次排列

　　inline-block:行内块状标签,可以定义宽高并且随元素依次排列，如<img>

三  按内容模型分类（我自己也有疑问）

　　如上图是官网对面标签的主要分类，它的作用主要是规定标签内容可以是什么，除了metadata content,还有embedded content分类我比较认同，其他的我自己也搞懵逼了，比如sectioning content中section元素，按理来说是和phrasing content 元素不着边，但是他却可以包含（确实应该包含），但是这幅图的意义何在？反正目前我是懵逼的。。。。

四 开标签或者闭标签

　　<img />  ,   <div><div/>   ，一般外联元素是闭标签

HTML的标签主观分类