走天下！这样有没有问题？好像也没什么大问题，毕竟页面看起来符合设计，也能正常交互。但是你想过没有，如果
能解决一切，为什么还需要其余几十上百种标签呢？这就要说到 HTML 的语义化了。
什么是语义化
语义化就是说，HTML 元素具有相应的含义。它用于描述元素的内容或者跟其他元素的关系。在 HTML 里，除了
和
，基本上都是语义化的元素。
标签名的表义程度也是不一样的，比如比对内容的描述就更模糊。也是语义化的，因为它表明内容应该从属于一个组。而不仅表示它的内容从属于一个组，还是一篇文章。
为了进一步说明语义化的重要性，下面用标题和按钮元素来举例。
标题元素
是页面的标题，加上下方的 就形成了页面的层级结构。
当你的 HTML 里全是 div，那你就要小心了
什么是语义化
标题元素
在很多富文本编辑器中，使用合适的标题结构，可以自动生成内容目录。比如本文的目录结构就是这样：
可以看到，HTML 本身就传达了整篇文章的结构信息。相反，如果全部都用
，就变成这样了：
: 当你的 HTML 里全是 div，那你就要小心了
: 什么是语义化
: 标题元素
: 按钮
: 非语义化元素
: 总结
由于
不附带任何含义，因此它就是扁平的结构。只要使用正确的 HTML，DOM 就会变得清晰和结构化。
按钮
按钮的作用是提交表单或者改变某个元素的状态。从定义上看，按钮具备以下特征：
- 可获得焦点
- 可通过敲击空格键或者回车键激活
- 可通过鼠标点击激活
当你用
绑定点击事件来模拟按钮时，你就没办法用上