google搜索结果页面左上角的logo:
https://www.google.com/search?q=why+does+google+put+logos+in+tables
截屏:
是否有一个原因?优化还是混淆?谷歌只是时髦吗?
google搜索结果页面左上角的logo:
https://www.google.com/search?q=why+does+google+put+logos+in+tables
截屏:
是否有一个原因?优化还是混淆?谷歌只是时髦吗?
我最好的猜测:垂直对齐:
#gbqlw {
display: table-cell;
height: 71px;
padding: 0;
padding-right: 16px;
position: relative;
vertical-align: middle;
}
虽然在表格单元格之外垂直对齐内容并非不可能,但在 TD 中这样做是迄今为止最简单的,尤其是当您需要vertical-align: middle
.
我最好的猜测:垂直对齐:
#gbqlw {
display: table-cell;
height: 71px;
padding: 0;
padding-right: 16px;
position: relative;
vertical-align: middle;
}
虽然在表格单元格之外垂直对齐内容并非不可能,但在 TD 中这样做是迄今为止最简单的,尤其是当您需要vertical-align: middle
.
看看来源,谷歌的主要搜索网站打破了许多“规则”。不正确的语义元素使用,使用表格进行定位,省略不必要的关闭标签等,无论使用最少的字符。他们似乎采取了一种“不管怎样都行”的方法,例如,如果您在 SO 上提出建议,HTML 会让您投票失败。您可以并且应该使用 CSS 完成相同的徽标定位,但要考虑到他们有资源来维护它并确保浏览器合规性以及将页面大小保持为尽可能少的字节数。
我认为这不是一个特殊的原因。我知道这听起来很奇怪,但我认为这可能是他们的模式。正如我所看到的,没有任何标记可以证明使用该表是合理的,而且我没有看到这些 DOM 节点的 css 中的特殊处理。
所以,我觉得没什么特别的。
对不起。