Question

我有一个标准常见问题解答格式的网页，每个问题都列为其答案的链接。

我们有几个lapply(z, function(x) (stringr::str_count(x, "gain")))元素已被用作锚点 - 每个元素都有一个唯一的hr属性 - 但链接似乎无法正常运行。

锚链接似乎与其他元素一起使用，但不是id - 我在网上找不到任何暗示hr元素无法作为锚点定位的内容。

出于某种原因，我不能将hr元素用于锚链接目的地吗？

示例，使用已修改的内容：

hr

Answer 1

我在网上找不到任何建议hr元素无法作为定位点定位的内容。

规范要求any element with an ID may be designated as the target of a URL fragment。没有说明例外，这意味着该规则适用于hr。

链接到hr元素不起作用似乎是Google Chrome的问题。它适用于其他所有浏览器。我认为这是一个Chrome错误。

要解决此问题，请删除hr元素（所有元素）并将ID重新分配给h3元素。这就是ID的用途。仅当将单个部分划分为子页面不必要或不合适的离散子部分时，才需要hr元素。由于常见问题解答中的每个条目本身都是一个带有自己标题的部分，因此这些hr充其量是多余的，在最坏情况下是不合适的。如果要在部分之间显示水平线，请使用CSS添加边框，而不是使用hr元素。

<ul>
  <li><a href="#requirements">What are the technical requirements for using the online application system?</a></li>
  <li><a href="#jobboard">Which job board should I use to apply for a position?</a></li>
</ul>

<h3 id="requirements">What are the technical requirements for using the online application system?</h3>
<p>The COMPANY uses an online application system for most of our job postings. This system lets you create a profile to keep track of the positions you’ve applied for, provides confirmation that your application has been accepted, allows you to edit submitted applications up until the posting closing date, and notifies you via email of jobs that match your skills and interests.</p>

<h3 id="jobboard">Which job board should I use to apply for a position?</h3>
<p>COMPANY has a variety of employee groups, and certain groups may apply for positions on specific job boards. Here is a summary of what job board you should be checking:</p>

Answer 2

理论上，HTML 5 Specification确实支持在ID元素上使用<hr>属性（通过支持Global Attributes），但实际上，它会归结为哪个浏览器支持这种做法的问题。

如果您发现某些浏览器无效，我强烈建议您使用更常见的编码技术重新编写HTML代码，例如使用<div>或<a>元素。

有没有理由说hr元素不能用作锚点？

2 个答案: