google主页的层次

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 4424 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

Google

CSS

页面

9 条回复 • 1970-01-01 08:00:00 +08:00

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^^