2013-04-15 23 views
9

在谷歌搜索結果頁面的左上角的標誌:爲什麼Google將徽標放置在<table>內?

https://www.google.com/search?q=why+does+google+put+logos+in+tables

截圖:

Google Logo on Search Result Page

是否有什麼原因呢?優化或混淆?谷歌只是時髦嗎?

+0

[爲什麼Google和Twitter使用表格佈局?](http://stackoverflow.com/questions/1236053/why-do-google-and-twitter-use-table-layout) – karthikr

+0

他們是谷歌,他們可以做任何他們想做的事情......但+1,我也對此感興趣。 – Kaloyan

+0

這是壞蛋哈哈,有趣! – Rob

回答

4

我最好的猜測:垂直對齊方式:

#gbqlw { 
    display: table-cell; 
    height: 71px; 
    padding: 0; 
    padding-right: 16px; 
    position: relative; 
    vertical-align: middle; 
} 

雖然這不是不可能的表格單元格之外的垂直對齊的內容,一個TD內,這樣做是目前最簡單,尤其是當你想vertical-align: middle

+1

自從徽標因塗鴉而發生變化之後,這是有道理的。有些可能高度不同。 – Blenderer

1

看看源代碼,谷歌的主要搜索網站打破許多'規則'。不正確的語義元素使用,使用表格進行定位,省略不必要的關閉標籤等等,無論使用哪些最少的字符。他們似乎採取了「無論用什麼方式」的方法,例如,如果您在SO上提出了HTML,那麼它會讓您低估。您可以也應該使用CSS完成相同的徽標定位,但考慮到他們有足夠的資源來維護它,並確保瀏覽器合規性,並鼓勵將頁面大小保持爲儘可能少的字節。

-1

我認爲這不是一個特殊的原因。我知道這聽起來很奇怪,但我認爲這可能是他們的模式。正如我所看到的,沒有任何標記可以證明這個表的使用是合理的,並且我沒有看到那些DOM節點的css中沒有特別的處理。

所以,我覺得沒什麼特別的。

對不起。

相關問題