html页面中的标签结构为什么要扁平化？

主要是有三方面的优势：

搜索引擎友好，如果结构太深的话，不便于抓取，不利于seo蜘蛛对于网站结构的理解，从而影响收录或者排名；

代码的可维护度，如果太深的话，由于是多人开发，不便于同事读懂代码；

用js或jquery在 *** 作dom的时候，方便理解和元素选取。

以上就是html页面中最好用扁平化的原因。

<input type="text" style="border:1px solid" />

这个框就没有凹凸

你要是在样式表里写

input[type="text"]{border:1px solid}

那界面里所有的文本框就都没有凹凸样式。

---