HTML中id和name属性的区别

id和name属性之间有什么区别？它们似乎都具有提供标识符的相同目的。

我想知道（特别是关于HTML表单）是否出于任何原因需要或鼓励同时使用两者。

当前回答

name和id都可以被#作为目标，因此不确定为什么只为该任务提及id。

我经常检查这些属性，以创建指向书签的特定链接（由于某些原因，没有提供使用鼠标光标单击标题以进行相同操作），例如Option File InclusionsMySQL 5.6 4.2.2.2使用选项文件文档部分：

https://dev.mysql.com/doc/refman/5.6/en/option-files.html#option-文件内含物

其中定义为<a name=“option file inclusions”></a>（绝对不涉及表单）。

我认为，在HTML中，name属性也比id旧。

其他回答

我思考和使用它的方式很简单：

id用于CSS和JavaScript/jQuery（它在页面上必须是唯一的）。

当表单通过HTML提交时，该名称用于服务器上的表单处理（表单中的名称必须是唯一的-在某种程度上，请参阅下面Paul的评论）。

根据个人经验和W3Schools属性描述：

ID是一个全局属性，几乎适用于HTML中的所有元素。它用于唯一标识网页上的元素，其值主要从前端访问（通常通过JavaScript或jQuery）。

name是对HTML中的特定元素（如表单元素等）有用的属性。它的值大部分被发送到后端进行处理。

HTML属性引用

链接目标的名称已弃用，在HTML5中无效。至少在最新的Firefox（v13）中，它不再有效。将<a name=“hello”>更改为<a id=“hello“>。

目标不需要是<a>标记。它可以是<p id=“hello”>或<h2 id=“hello>等，这通常是更干净的代码。

正如其他帖子所明确指出的，名称仍然在表单中使用（需要）。它仍然在META标签中使用。

如果您没有使用表单自己的提交方法将信息发送到服务器（而是使用JavaScript），则可以使用name属性将额外的信息附加到输入中，就像将其与隐藏的输入值配对一样，但它看起来更整洁，因为它包含在输入中。

虽然我认为在未来它可能不会被允许通过，但这一点目前在Firefox中仍然有效。

您可以有多个具有相同名称值的输入字段，只要您不打算以老式方式提交。

id将给一个元素一个id，所以一旦你编写了真正的代码（比如JavaScript），你就可以使用这个id来读取元素。名称只是一个名称，所以我想用户可以看到元素的名称。

例子：

<h1 id="heading">text</h1>
<script>
  document.getElementById("heading"); // Reads the element that has the id "heading".
</script>

// You can also use something like this:
document.getElementById("heading").value; // Reads the value of the selected element.

推荐文章