在 Markdown 中，链接到页面片段的最佳方式是什么，即#some_id？

Question

我试图弄清楚如何使用 Markdown 引用页面的另一个区域。如果我添加一个

，我可以让它工作

<div id="mylink" /> 

对于链接做：

[My link](#mylink)

但我的猜测是，在 Markdown 中还有其他方法可以在不涉及直接向上的 div 标记中创建页内链接。

有什么想法吗？

Answer 1

HTML 页面中链接的目标锚点可以是任何具有id 属性的元素。请参阅 W3C 网站上的Links。以下是相关部分的引述：

HTML 文档中的目标锚点 可以由 A 指定 元素（用名称命名它 属性），或任何其他元素 （以 id 属性命名）。

Markdown 将 HTML 视为 HTML（请参阅Inline HTML），因此您可以从您喜欢的任何元素创建片段标识符。例如，如果您想链接到一个段落，只需将该段落包装在一个段落标签中，并包含一个 id：

<p id="mylink">Lorem ipsum dolor sit amet...</p>

然后使用您的标准 Markdown [My link](#mylink) 创建片段锚的链接。这将有助于保持您的 HTML 干净，因为不需要额外的标记。

Answer 2

使用PHP version of Markdown，您还可以使用如下任一语法将标题链接到页面内的片段标识符，如here所记录的那样

Header 1            {#header1}
========

## Header 2 ##      {#header2}

然后

[Link back to header 1](#header1)
[Link back to header 2](#header2)

不幸的是，这种语法目前仅支持标题，但至少它可以用于构建目录。

Answer 3

见this answer。

总之做一个目的地

<a name="sometext"></a>

插入到您的降价标记中的任何位置（例如在标题中：

## heading<a name="headin"></a>

并使用降价链接链接到它：

[This is the link text](#headin)

或

[some text](#sometext)

不要使用<div>——这会弄乱许多渲染器的布局。

（我已将上面的id= 更改为name=。有关繁琐的解释，请参阅this answer。）

Answer 4

我想这取决于您使用什么从降价中生成 html。我注意到，jekyll（它被 gihub.io 页面默认使用）自动将 id="" 属性添加到它生成的 html 中的标题中。

例如如果你的降价是

My header
---------

生成的 html 将如下所示：

<h2 id="my-header">My header</h2>

所以你可以简单地通过[My link](#my-header)链接到它

Answer 5

对于任何使用 Visual Studio Team Foundation Server (TFS) 2015 的人来说，它确实不喜欢嵌入 <a> 或 <div> 元素，至少在标题中是这样。它也不喜欢标题中的表情符号：

### ? Configuration ?

Lorem ipsum problem fixem.

翻译成：

<h3 id="-configuration-">? Configuration ?</h3>
<p>Lorem ipsum problem fixem.</p>

因此链接应该使用 id（这会破坏 this 和 Visual Studio 中的其他预览扩展），或者删除表情符号：

Here's [how to setup](#-configuration-) //? Configuration ?
Here's [how to setup](#configuration) //Configuration

后一个版本在 TFS 中在线工作和在 Visual Studio 的 Markdown 预览中。