单标签实现复杂的棋盘布局

单标签实现复杂的棋盘布局

摘要

最近，有群友问我，他们的一个作业，尽量使用少的标签去实现这样一个象棋布局。

他用了 60 多个标签，而他的同学，只用了 6 个，问我有没有办法尽可能的做到利用更少的标签去完成这个布局效果。

其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。

当然，仅仅从用更少的标签完成这个布局的角度而言，我们能够把标签数压缩到多少呢个？（不考虑 和 ）

答案是 1 个。