为什么说拓展HTML标签比CSS要混乱？

Question

<MULTICOL COLS="3" GUTTER="25">
  <P><FONT SIZE="4" COLOR="RED">This would be some font broken up into columns</FONT></P>
</MULTICOL>
这里语义混乱在哪里呢？感觉还很清晰的啊

https://segmentfault.com/a/1190000011872815

Answer 1

当然混乱了。。。
先说font，现在已经是被废弃掉了，size、color都是可以写在css样式表里的，而P标签本来已经寓意着是个文本标签，中间又加个font，有点画蛇添足。
muLticol也有问题，按照字面意思是多列标签，也定义了3列，列间距25，但是多列结构本身也是可以用css写出来的，并且这里也不清楚，到底是这个P标签占了一列，两列为空，还是当列数为1的时候独占一整行。即使是前者，那么空的两列多宽，是等宽吗，还是只保留间隔gutter。

Answer 2

1. 这种写法的代码重用性非常差，同样的样式难以复用。
2. 对于复杂的样式定义，这种写法无法分离样式配置和DOM标记，导致代码难以阅读。
3. 这种设计容易混淆块结构和样式，例如<div>和<font>，前者表示布局元素，而后者主要用来定义样式，这就让代码混乱不堪。