<button>在功能上等同于<span>吗？

Question

在我看来，HTML5中的<button>本质上是一个<span>，其中包含一些默认样式，可能会略有不同的DTD规则......（您不能拥有<button>在<button>或？）

我的理解是否正确？除了声明性目的和默认样式之外，是否还有理由再使用<button>标签？

Answer 1

没有。

• 默认情况下，按钮可以对焦
• 按钮将由屏幕阅读器宣布为互动控件
• 按钮将提交一个内部的表单（或者一个不具有form属性的表单，其他属性可以执行更改表单操作的操作）
• 可以为按钮指定名称和值，以便在用于提交表单时提交额外数据

请记住：HTML的核心是用于描述内容的语言。 CSS规范甚至具有a warning about replacing meaningful HTML elements和泛型，如div和span：

  

请注意。 CSS为“类”属性提供了如此强大的功能，作者可以设想基于几乎没有相关表示的元素（例如HTML中的DIV和SPAN）设计自己的“文档语言”，并通过“类”属性分配样式信息。作者应该避免这种做法，因为文档语言的结构元素通常具有公认和接受的含义，作者定义的类可能没有。

Answer 2

<button>本质上是一个标签，用于表示正在处理的组件用于与用户进行交互。

这些按钮是form分页系统的一部分。此外，网络机器人只能与可点击按钮进行交互。如果一个跨度是可点击的，那么一个网络机器人不会知道，你的引用会受到影响（如果跨度取代了一个按钮）。

Answer 3

我不知道你在哪个按钮是跨度，或者反之亦然，但让我们清楚每个按钮是第一个：

<强> Span

df = pd.DataFrame() df['k'] = ['YoYo.','mins.s.s','sos.s.','.','mama.mia'] df['k'].replace('\.',',',regex=True) 标记用于对文档中的内联元素进行分组。它本身不提供视觉变化;最后，它提供了一种向文本的一部分或文档的一部分添加钩子的方法。

<强> Button

如您所见，<span>远远超过button标记。请仔细阅读官方文档。