google主页的层次

今天看见有人用firefox11看了下google的页面层次，然后发现搜索框层特别多，去看了下源码，这个搜索框用了两层table嵌套，里边还有两个input，实在不能理解它为什么要这么写。有人说是为了保证浏览器兼容问题，css加载失败的话也能用，可是我禁掉css页面就一团乱了，这个理由好像也说不通。求助大家。

fim8

2012-03-22 20:01:57 +08:00

你去看看百度首页logo等的安排尽然还有area, 你就石化了.
就是让你出其不意.

double

2012-03-22 20:50:01 +08:00

@fim8
百度首页logo怎么了？我去看了下就一个img加一个map啊，它的搜索框倒是很简单，一个form加一个input。

avatasia

2012-03-23 09:53:51 +08:00

这个图是FF11才有的功能么？

JTR

2012-03-23 10:24:38 +08:00

google 的

百度的

avatasia

2012-03-23 11:17:28 +08:00

@JTR 什么软件生成的？

Ziya

2012-03-23 11:24:50 +08:00

@avatasia FF11自带的网页查看器,快捷键是ctrl+shift+i

double

2012-03-23 12:35:51 +08:00

@JTR 百度的看着挺正常的，google那搜索框垒那么高

lackrp

2012-03-23 20:46:36 +08:00

我感觉这是个历史原因，曾经Google的首页是一个输入框旁边一个蓝色的按钮，其实现用到了至少两层table，第一层是用来确定输入框和蓝色按钮之间的位置关系，第二层table在输入框内部，用来确定用户输入和一个小叉叉（用来清除用户输入）的位置关系。所以粗略算算，有form,fieldset,table,tbody,tr,td,div,table,tbody,tr,td,div,input，至少这13层吧。

google.com.hk上面的层次比较多，google.com上面的就会少一些。这一点可能和instant search有关。

以上是个人愚见。

double

2012-03-23 22:53:59 +08:00

@lackrp
原来如此,谢谢RP^^

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/30331

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.