问题描述

元素的布局,HTML中的菜单问题

在HTML中做一个菜单,大家都熟悉了

 <ol><li><a></a></li>...</ol>

这种形式,然后给他们设置float:left.
这段代码,太经典了,几乎所有人都会.
为什么要用ol不用div,因为语义的角度,菜单确实是类似列表的东西
为什么要用float:left,不用display:inline-block,因为inline block这种方式,各个菜单项之间容易产生空格
经过这些分析,可以看到,传统的这种方式,确实是最佳实践

看看需求,菜单的布局,其实非常简单,非常基础,就是一些方框需要从左到右依次排列
这么简单的需求,居然要用float,说明,HTML css的标准细节远远滞后,阻碍了生产力发展
现在,css支持flex box,菜单的这种需求,实现起来就简单多了
不过,不知何时才能成为正式标准

解决方案

html布局问题

解决方案二：

那么你的问题是什么呢？你是要给html标准制定者提建议么

解决方案三：

这是个提议把，没见到什么问题

解决方案四：

你可以提交到w3c试试。就有可能会加入到标准了。

解决方案五：

你要遵照标准应该用html5的nav标签。。这样语义更加明显~连ol都不用，里面的连接直接浮动即可