5 回答
您可以id=""
在任何元素上放置一个属性,它会产生相同的效果。
这些通常放置在标题元素上。
看看 HTML5 规范。
在过时的功能中,您会发现:
作者不应在元素上指定
name
属性。a
单击 时name
,您会发现:
[以下属性已过时(尽管元素仍然是语言的一部分),作者不得使用:]
name
关于a
元素(上一节中提到的除外)name
关于embed
元素name
关于img
元素name
关于option
元素→ 请改用该
id
属性。
点击id
。您会看到这id
是一个全局属性,这意味着它可以用于任何元素。
该
id
属性指定其元素的唯一标识符 (ID)。
[…]
注意:一个元素的唯一标识符可以用于多种目的,最值得注意的是作为使用片段标识符链接到文档的特定部分的一种方式,作为一种在编写脚本时定位元素的方式,以及作为一种方式样式化来自 CSS 的特定元素。
你应该使用id=""
属性。:)
(注意:从https://webmasters.stackexchange.com/a/30031/10884迁移并为简洁起见进行了编辑。)
如果您需要将用户跳转到页内链接,也称为片段标识符,您可以在任何元素上设置id
属性(不仅仅用于片段 ids) 。然后在一个元素的属性的 URL 中使用通常的。这是一个例子:#
href
a
<body>
<p>Despite the many
<a href="#benefits-of-gum-chewing">benefits</a>
you may experience while chewing gum, there are also many drawbacks,
especially with
<a href="http://www.example.org/sugar.html#cons">non-sugarless</a>
gum.</p>
...
<section id="benefits-of-gum-chewing">
<h1>Benefits of Gum Chewing</h1>
...
</section>
</body>
在编写自己的页面时,我喜欢给id
每个<section>
标签(HTML5)加上一个,即使我不打算使用它。的值id
是其标题内容的 URL 友好版本。id
您可以通过将其分配给 an<h1>
等来实现相同的效果。
使用 id 并不总是理想的,因为它们是唯一的,例如,如果您有一个链接列表作为菜单项,并且您希望在用户悬停时仅对其中的某些链接执行一些 javascript,那么使用 id 将是一团糟。
目前我认为最好的方法是使用一个类将它们标识为一个组。所以像这样:
<a class="mylink">Menu Item one</a>
<a class="mylink">Menu Item two</a>
<a class="mylink">Menu Item three</a>
<a>Menu Item four</a>
但是我只是继续使用名称标签,因为它没有性能影响或其他任何东西,所以弃用这种轻微的东西是愚蠢的,如果浏览器决定不接受名称标签,则会导致问题。它也使我们偏离了使用标准。