【问题标题】:Using <a> instead of <button> - any instances where this is advantageous? [closed]使用 <a> 而不是 <button> - 这有什么好处? [关闭]
【发布时间】:2021-11-26 10:07:55
【问题描述】:

我在人们的代码中经常注意到这一点,他们在其中创建了一个按钮(样式为按钮等,例如在待办事项列表中),我想知道为什么他们不使用按钮标签而是将类命名为btn/按钮/等。想知道这样做是否有任何具体原因,哪种做法更好?

【问题讨论】:

  • 与所有 HTML 标签一样 - 您需要考虑标签的语义使用,尽管 this can be rather blurry with some of them.
  • 您可以使用链接执行许多您无法使用按钮执行的操作,例如复制、共享或在新选项卡中打开它。如果类似链接的操作具有语义意义,则应该使用链接,即使您希望它看起来像一个按钮。另一方面,如果你发现自己在写&lt;a href="#" onclick="…"&gt;&lt;a href="javascript:…"&gt;,你应该使用按钮而不是链接。

标签: javascript html css standards


【解决方案1】:

当您想要导航到新页面或外部资源(即链接)时,请使用 a 标签。

使用button 标签执行诸如打开模式、删除项目、关闭模式等操作。

【讨论】:

  • 语义使用是关键(加一)。
  • 语义使用对于可访问性特别重要。屏幕阅读器以不同的方式读取锚点和按钮,iirc。
【解决方案2】:
  • 标签用于链接和导航。
  • 按钮用于操作(表单验证、添加项目...)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-08-22
    • 1970-01-01
    • 2023-03-27
    • 1970-01-01
    • 1970-01-01
    • 2017-07-10
    • 2010-09-14
    • 2022-08-03
    相关资源
    最近更新 更多