<a> 标签是否应该包含它链接到的内容

Question

使用 a 标签，您可以 link 到网页本身的内容，但是您应该将要 link 的内容放在 a 标签内还是外面？

像这样：

<a name="linkToMe"/>
<div id="content">...</div>

或者像这样：

<a name="linktoMe">
    <div id="content">...</div>
</a>

编辑：

我不是那个意思

<a href="#id"> <div id="id"> ... </div> </a>

我的问题是：

<a href="#id"> Link </a>
...
<a name="id"/>
<div> content </div>

或

<a href="#id"> Link </a>
...
<div id="id"> content </div>

Answer 1

它的工作方式是：当你在 url 中有一个 # 时，浏览器会采用（锚点）之后的内容（例如：test.dev#anchor，它会采用锚点) 并滚动到以锚点作为 id 的元素（例如：....

因此，如果你想link一个内容，你应该把它放在外面:

<a href="#anchor">Link !</a>
...
<div id="anchor">...</div>

Answer 2

通常情况下，您 link 使用 a 标签放置在标签之外。将内容放在 a 标签内是没有任何意义的，因为 link 是相同的内容。将 link 放在页面中您想放置的位置，并将内容的 id 作为 href 属性。喜欢

<a href= "#thiscontent"> link</a>

然后编写您的其他代码并根据您的设计放置您的内容。但是给内容赋予相同的id。

<div id = "thiscontent">.......</div>

Should an <a> tag contain the content it links to