在这方面缺少<a> tag contain the content it links to

Question

With a tags you can link to content inside the webpage itself, but should you place the content you're linking to inside the a tag or outside it?

Like this:

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

or like this:

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

EDIT:

I dont mean

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

My question is:

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

or

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

Answer 1

它的工作方式是：当你在url中有一个＃时，浏览器会获取后面的内容（一个锚点）（例如：test.dev＃anchor，它需要锚点）并且它滚动到元素将锚作为id（例如：......

因此，如果您想要链接到内容，则应将其放在外面：

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

Answer 2

通常，您与a标记相关联的内容会放在标记旁边。将内容放在链接相同内容的a标记内没有任何意义。 将链接放在您希望将其放置在页面中的位置，并将内容的id作为href属性。像

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

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

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