为什么要在其HTML标记中添加ID？

Question

一个简单的问题：如果没有它们，我们为什么要将id添加到我们的HTML标记中呢？我知道他们的一个用途是能够通过hashtags（#）浏览页面，但是还有其他用途吗？

Answer 1

HTML

中id属性的使用

• 作为网址上的片段标识符的目标。
• 作为for和<label>元素上<output>属性的表单控件的目标。
• 作为表单关联元素上<form>属性的form元素的目标。
• 通过微数据itemref属性作为元素引用的目标。
• 通过一些ARIA属性作为元素引用的目标，包括aria-describedby，aria-labelledby和其他4个。
• 作为<th>和headers元素<td>属性<th>元素的目标。
• 作为<menu>属性的contextmenu元素的目标。
• 作为<datalist>元素上list属性的<input>元素的目标。
• 作为<map>和usemap元素上<img>属性的<object>元素的哈希名称引用的一部分。
• 作为CSS选择器中元素的标识符
• 作为JavaScript处理元素的标识符

Answer 2

它们最常用于唯一标识样式（CSS）和脚本（JavaScript等）用途的元素。

但是如果你问的是HTML而且只是HTML，那么声明性ID有用的一个例子是将<label>与其<input>，<button>或<textarea>相关联通过for属性进行控制：

<label for="ex">Example field:</label>
<input type="text" name="ex" id="ex">

如果不指定此属性，则激活标签不会执行任何操作，但是当您使用for和id将两个元素组合在一起时，激活标签会使其控件获得焦点。

将表单标签与其控件关联的另一种方法是将其包含在标签中：

<label>
Example field:
<input type="text" name="ex">
</label>

但这并不总是适合表单或页面的结构，因此提供ID引用作为替代。

Alohci's answer广泛涵盖了id属性为函数提供服务的其他情况。

Answer 3

您可以使用ID从javascript，CSS和jquery访问您的div。如果您不使用ID，那么您很难与JS的HTML页面进行交互。

Answer 4

AFAIK，它们用于唯一引用标签。这使您更容易引用标签。

Answer 5

ID用于访问CSS和JavaScript中的元素。严格来说，ID应该唯一标识一个元素。您还可以使用类属性来标识元素组。

  

id属性为文档中的元素提供唯一标识符。元素可以使用它来创建指向此特定元素的超链接。

     

此标识符也可以在CSS代码中用作可用于样式目的的钩子，或通过JavaScript代码（通过文档对象模型或DOM）用于通过引用其唯一来对元素进行更改或添加行为标识。

请参阅http://reference.sitepoint.com/html/core-attributes/id

有关课程的更多信息，请参阅此处：http://reference.sitepoint.com/html/core-attributes/class

Answer 6

它可以帮助您在java脚本代码中识别您的元素.java脚本中的getElementByID函数为您提供具有特定ID的元素的句柄。就像这样。

var someElement = document.getelementById("someID");
// do whatever with someElement;

Answer 7

我自己也更喜欢class通过CSS进行样式设置，但有时你需要一个独特的元素。出于辅助功能的原因，您使用id输入元素，以使用label属性将for“连接”到其中。对于Javascript，如果元素具有id属性，则选择元素要简单得多。

Answer 8

我为我的HTML元素使用id的主要原因是，使用getElementById类在Javascript中使用#id以及使用{{1}}类，选择更快。

当然，我并不是说这总是一个好主意，特别是在CSS中，基于id的类会导致很多冗余，这只是其中一个原因

Answer 9

嗯，在大多数情况下，id用于沿着页面导航做其他事情，这是非常一般的。 id属性的一些可爱用途包括

1. 脚本参考，选择要应用脚本的元素，
2. 样式表选择器，选择样式元素
3. 用于链接的命名锚点，这就是我所谓的页面导航我猜

这很简单，因为在大多数情况下，你会想要在任何标签中对你的内容做一些事情，最好放一个标识符，即id属性。