Twitter 奇怪的标记选择

发布于 2024-12-02 08:58:06 字数 366 浏览 1 评论 0原文

查看 Twitter 源代码,我发现了这一点。看到没有 href 属性的 'a' 元素很奇怪。当用户单击链接时,所发生的只是出现一个弹出窗口,它不会像普通的超链接一样转到不同的页面。他们是否通过使用不带 href 的 'a' 元素获得了任何语义荣誉,或者这是非常非常糟糕的标记?为什么他们不直接使用带有 id 的 span 呢?

<a id="new-tweet" original-title="New Tweet">
      <span>New Tweet</span>
</a>

Viewing the Twitter source and i came across this. Strange to see an 'a' element without a href attribute. When the user clicks the link, all that happens is a pop up appears, it doesn't go to a different page, a la normal hyperlinks. Are they gaining any semantic kudos by using an 'a' element without a href or is this very very bad markup? Why would they not just use the span with an id?

<a id="new-tweet" original-title="New Tweet">
      <span>New Tweet</span>
</a>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

乱了心跳 2024-12-09 08:58:06

锚点为他们提供了点击外观,而无需对其进行样式设置(例如,光标:指针;光标:手;)。它还允许它们在整个页面上产生更统一的感觉,而不是单独设置“普通链接”和 ajax 链接的样式。

A 可以在没有 href 属性的情况下使用(在 ID 开始成为更明确的方式之前,它们用于引用页面的各个部分(与 name 属性组合,然后是 link.html#name)页面的参考部分)。

我想说他们只是保持“苗条和修剪”。

An anchor is giving them the click appearance without having to style it in (e.g. cursor: pointer; cursor: hand;). It also allows them to make a more uniform feel across the page, instead of styling the "normal links" and ajax links separately.

A's can be used without a href attribute (they used to be used to reference sections of a page (combined with the name attribute, then link.html#name) before IDs started being the more definitive way to reference portions of a page).

I would say they're just keeping it "slim and trim".

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文