为什么Gmail的按钮是“div”标签而不是“button”标签？

Question

为什么Gmail的按钮是“div”标签而不是“button”标签？

以下是来自Chrome Firebug的Gmail按钮代码：

<div id=":or" class="T-I J-J5-Ji ar7 T-I-ax7 L3 T-I-JO" role="button" tabindex="0" aria-expanded="false" style="-webkit-user-select: none; " aria-haspopup="true">
 <span class="Ykrj7b">More</span>
 <div class="G-asx T-I-J3 J-J5-Ji"></div>
</div>

感谢您的提前帮助，Yosef。

- Ben

---

因为Google开发人员决定使用DIV标签而不是按钮。 - Jared Farrish

因为 div 和 span 元素的渲染速度比依赖于操作系统的控件要快得多。 - haynar

@haynar，你有这方面的来源吗？ - Pekka

我相信这些类名背后一定有某种自动化机制。 - DanMan

@haynar：为什么浏览器的布局引擎渲染东西比本地操作系统代码更快？ - BoltClock

Answer 1

很可能是为了兼容性。

Internet Explorer 6和7似乎会向按钮元素添加自己的填充。此外，在这些浏览器中，对按钮元素应用样式时存在宽度问题。

这里有详细信息。

还可以参考这里的内容。

- Pekka

---

我本以为不是这样的，因为目前Google仅支持IE8+（http://support.google.com/mail/bin/answer.py?hl=en&answer=6557），而且通常会建议非标准兼容浏览器的用户“升级您的浏览器”。 - isNaN1247

Answer 2

我认为这是Google在性能方面做出的极致努力，因为在幕后，button元素需要通过WebKit堆栈中较长的一段路程。

正如Alex Russell在这个视频中所展示的那样。

- isNaN1247

Answer 3

Google因此而闻名。他们在很多布局中也使用表格。

他们是如何做到的真的很重要吗？尽管这不是W3C建议的方式，但Gmail似乎非常成功。

- danludwig