作为名称而不是id的HTML锚链接
是否可以将“跳过到内容”添加到“链接到名称”而不是“链接到id”作为名称而不是id的HTML锚链接,html,Html,是否可以将“跳过到内容”添加到“链接到名称”而不是“链接到id” <a id="skiptocontent" href="#main" class="">skip to main content</a> <h1 name="main">Main</h1> 主要 不,这是不可能的。有一些解决办法: 1.添加id属性 显然,您可以将id属性添加到目标元素: <h1 name="main" id="main">Main</h1>
<a id="skiptocontent" href="#main" class="">skip to main content</a>
<h1 name="main">Main</h1>
主要
不,这是不可能的。有一些解决办法:
1.添加id
属性
显然,您可以将id
属性添加到目标元素:
<h1 name="main" id="main">Main</h1>
然后,您应该将此脚本块放在文档的末尾,就在关闭标记之前
4.将脚本添加到源链接:
您可以使用脚本替换href
值,该脚本将根据name
属性执行操作:
<a id="skiptocontent"
href="javascript:document.querySelector('[name=main]').scrollIntoView();"
class="">skip to main content</a>
评论
当你用HTML5标记这个问题时,应该注意的是,在HTML5中,有一个明确的目标是不再使用
name
属性<代码>id属性在HTML5中是首选的。这是有道理的,因为name
值不必是唯一的,而id
值必须是唯一的。不,这是不可能的。有一些解决办法:
1.添加id
属性
显然,您可以将id
属性添加到目标元素:
<h1 name="main" id="main">Main</h1>
然后,您应该将此脚本块放在文档的末尾,就在关闭标记之前
4.将脚本添加到源链接:
您可以使用脚本替换href
值,该脚本将根据name
属性执行操作:
<a id="skiptocontent"
href="javascript:document.querySelector('[name=main]').scrollIntoView();"
class="">skip to main content</a>
评论
当你用HTML5标记这个问题时,应该注意的是,在HTML5中,有一个明确的目标是不再使用
name
属性<代码>id属性在HTML5中是首选的。这是有道理的,因为name
值不必是唯一的,而id
值必须是唯一的。您想将skiptocontent
设置为name=”“
attr?我想让skiptocontent链接到main。但是我不想给h1 id加上“main”,您想将skiptocontent
设置为name=”“
attr?我想让skiptocontent链接到main。但我不想给h1 id加上“main”