Question

我觉得这个问题实在太傻了，因为我确信这只会是意见而不是正确性。

但是我有一个“按钮”固定在屏幕的右下方，用户可以点击该按钮打开聊天框。

目前我只有这个：

<div id="chatbtn">Sales help online</div>

我选择了<div>标记，以便搜索引擎不会将其视为主要文本元素。我应该在这里选择<p>标签在语义上是正确的吗？......或者甚至是<input type="button">

您怎么看？

Answer 1

Button实际上有自己的标签：

<button type="button" id="chatbtn">Sales help online</button>

默认类型有时是提交所以最好的做法是始终说“这是普通按钮，而不是提交”。

如果您需要将其视为块元素，则可以将其放在包含<div>的内部，也可以手动将其样式更改为display: block;。

引用你说过的话，<input type="button">肯定不适合你的情况，因为它是表单元素而你没有任何形式，因此“纯”按钮标记更合适。

Answer 2

始终尝试使用语义正确的元素。如果您想创建按钮，请使用<button> element。如果要显示段落，请使用<p>。如果要将容器中的元素分组而不向此容器提供语义信息，请使用<div>。

Answer 3

对于按钮本身，如果没有任何特殊内容（如此处），则可以使用input type=button;如果需要更丰富的格式（例如，图像或内部的换行符），则可以使用button type=button按钮）。

作为其外部的包装元素，如果按钮只需要显示在它自己的行上div，如果您还希望在上方和下方有空白区域，则使用p（默认为非-CSS渲染）。这些元素之间没有真正的语义差异;在HTML规范和用法中，p仅表示松散意义上的段落（请参阅例如HTML5 description of p）。

在任何一种情况下，由于按钮大概是JavaScript驱动的，并且在禁用JavaScript时不执行任何操作，因此最好在JavaScript中动态生成元素（也可能是封闭元素），而不是使用它作为HTML文档的静态部分。