【问题标题】:Where can I find html and css of Google search results?在哪里可以找到 Google 搜索结果的 html 和 css?
【发布时间】:2012-08-01 06:55:13
【问题描述】:

在我的网站上,我想以一种与 Google 搜索结果非常相似的形式显示结果,以便用户可以看到他们熟悉的内容。有人知道我在哪里可以找到生成与 Google 搜索结果相同样式的输出的 html 和 css 吗?查看 Google 搜索结果的页面来源并没有帮助。

【问题讨论】:

  • 为什么没有帮助?这就是你要找的。​​span>
  • 你要复制它!?说真的,自己设计吧。
  • @knittl,因为它看起来不像 html 代码。我无法解释。
  • @Nathan MacInnes,为什么不复制? Google 是否拥有这种特定风格的版权?
  • 可能是的。他们肯定对其源代码拥有版权。另外,复制方面没有创新。如果每个人都互相抄袭,网络如何发展?

标签: html css styles


【解决方案1】:

如果您想了解 html 布局,获取 chrome 并使用检查元素,请单击每个元素以查看其遵循的 CSS 规则。但是复制google的css很简单,蓝色的链接,黑色的文字,简单

【讨论】:

  • 右击页面,到光标出现的事物的底部,点击Inspect Element
  • 在所有(IE、FF(需要萤火虫)、Chrome)中,只需按 F12 并检查下载的文件。
【解决方案2】:

您在每个 Google 结果页面的<head> 中都有<style id="gstyle"></style> 标签,其中包含以下样式:

body{
   color:#000;
   margin:0;
   overflow-y:scroll
}
body,#leftnav,#tbdi,#hidden_modes,#hmp{
   background:#fff
}
...

这个 div 中大约有 54000 个字符,我们可以假设你需要的都在这里。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-02-01
    • 2019-12-05
    • 2013-05-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多