当人们想用“http://example.com/#foo“方法,应该使用

<h1><a name="foo"/>Foo Title</h1>

or

<h1 id="foo">Foo Title</h1>

它们都有效,但它们是相等的,还是有语义差异?


当前回答

根据定义,整个“命名锚点”概念使用name属性。您应该坚持使用名称,但ID属性对于某些javascript情况可能很方便。

就像在评论中一样,你总是可以用两者来对冲你的赌注。

其他回答

根据定义,整个“命名锚点”概念使用name属性。您应该坚持使用名称,但ID属性对于某些javascript情况可能很方便。

就像在评论中一样,你总是可以用两者来对冲你的赌注。

注意JavaScript用户:所有ID都成为窗口下的全局变量。

<h1 id="foo">Foo Title</h1>

刚刚创建了JS全局:

window.foo

window.foo的值将是h1的HTMLElement。

除非您能保证id属性中使用的所有值都是安全的,否则您可能更喜欢使用名称:

<h1 name="foo">Foo Title</h1>

在html5中,id=“”属性定义了元素的唯一标识符,它也是片段链接的锚点。在以前的html标准中,<a>元素的name=“”属性定义片段链接的锚点。我建议使用以下内容:<a name=“foo”id=“foo“></a><h1>foo Title</h1>因为对id=“”属性的支持有点不稳定(尽管所有主要浏览器的最新版本都支持它,但不超过几年的版本[如果没有充分的理由,最好不要破坏])。它是兼容的,它不会对link'd元素中的任何内容进行样式设置,因为闭包</a>仍然在元素之外,但在所有当前标准中仍然有效。

确保<a>元素的name=“”和id=“”属性相同。

维基百科大量使用这一功能,如下所示:

<a href="#History">[...]</a>
<span class="mw-headline" id="History">History</span>

维基百科对每个人都有效,所以我觉得坚持使用这个表单是安全的。

另外,不要忘记,您不仅可以将其用于span,还可以用于div甚至表单元格,然后您就可以访问元素上的:target伪类。只需注意不要改变宽度,如粗体文本,因为这会移动内容,这令人不安。

命名主播-我的投票是避免:

“名称和ID在同一个命名空间中……”-两个具有相同命名空间的属性简直太疯狂了。我们就说已经弃用了。“锚定没有href atribute的元素”-同样,元素的性质(超链接与否)是通过有atribute来定义的?!双重疯狂。常识说要完全避免。如果在没有伪类的情况下对锚点进行样式设置,则样式设置将应用于每个锚点。在CSS3中,您可以使用属性选择器(或每个伪类的相同样式)来解决这个问题,但这仍然是一个解决方法。这通常不会出现,因为您为每个伪类选择颜色,并且默认情况下,下划线只有删除才有意义,这使其与其他文本相同。但如果你决定将链接设置为粗体,这会带来麻烦。网景4可能不支持id功能,但一个未知的属性不会引起任何问题。这就是我所说的兼容性。

ID方法在较旧的浏览器上不起作用,锚定名称方法在较新的HTML版本中将被弃用。。。我会和id一起去。