markdown 链接跳转到标题_html - markdown中的交叉引用(命名锚点)

markdown 链接跳转到标题_html - markdown中的交叉引用(命名锚点)html markdown 中的交叉引用 命名锚点 是否有相应的 markdown 语法 Take me to pookie this is pookie 8 个解决方案 555 votes Take me to pookie pookie 应该是正确的降价语法

大家好,我是讯享网,很高兴认识大家。

html - markdown中的交叉引用(命名锚点)

是否有相应的markdown语法:

Take me to pookie

...

this is pookie

8个解决方案

555 votes

Take me to [pookie](#pookie)

应该是正确的降价语法,以跳转到名为pookie的锚点。

要插入该名称的锚点,请使用HTML:

Markdown似乎并不介意你把锚点放在哪里。 放在标题中的一个有用的地方。 例如:

This is the Heading

效果很好。 (我在这里演示但是SO的渲染器剥离了锚。)

关于自动关闭标签的注意事项和name=与id=

该帖子的早期版本建议使用name=,使用XHTML的自关闭语法,并使用id=属性而不是id=。

XHTML允许任何标记为“空”和“自闭”。 也就是说,name=是id=的惯用手,这是一对带有空体的匹配标签。 大多数浏览器都会接受XHTML,但有些浏览器不接受。 要避免跨浏览器问题,请按照上面的建议使用id=显式关闭标记。

最后,属性name=在XHTML中已弃用,因此我最初使用id=,每个人都认可。 但是,当使用id=时,HTML5现在在JavaScript中创建一个全局变量,这可能不一定是您想要的。 因此,使用name=现在可能更友好。

(感谢Slipp Douglas向我解释XHTML,以及指导HTML5副作用的敲门人 - 请参阅评论和敲定者的答案以获取更多细节.name=似乎无处不在,尽管它在XHTML中已被弃用。)

Steve Powell answered 2019-01-05T03:23:49Z

54 votes

在bitbucket.org上,投票的解决方案不起作用。 相反,当使用标头(带)时,可以通过将它们作为#markdown-header-my-header-name加前缀来引用它们作为锚点,其中#markdown-header-是渲染器生成的隐式前缀,并且 其余的是较低的标题标题,用破折号代替空格。

例

My paragraph title

会产生这样的隐式锚点

#markdown-header-my-paragraph-title

每个锚引用之前的整个URL是可选的,即

[Some text](#markdown-header-my-paragraph-title)

相当于

[Some text](https://bitbucket.org/some_project/some_page#markdown-header-my-paragraph-title)

只要它们在同一页面中。

来源:[https://bitbucket.org/tutorials/markdowndemo/overview](编辑此.md文件的来源并查看如何制作锚点)。

La Muerte Peluda answered 2019-01-05T03:25:06Z

52 votes

使用name.在HTML 5中不需要使用name并在JavaScript中创建全局变量

请参阅HTML 5规范,5.9.8导航到片段标识符 - 使用name和name。

重要的是要知道大多数浏览器仍将ID转换为全局变量。 这是一个快速测试。 使用name可以避免创建全局变量以及可能导致的任何冲突。

使用名称的示例:

Take me to [pookie](#pookie)

目的地锚点:

Some heading

mikemaccana answered 2019-01-05T03:26:11Z

16 votes

在原始Markdown语法中没有现成的语法,但Markdown Extra提供了至少为标题分配ID的方法 - 然后您可以轻松链接到标题。 另请注意,您可以在Markdown和Markdown Extra中使用常规HTML,并且name属性已被更新版本的HTML中的id属性取代。

You answered 2019-01-05T03:26:35Z

8 votes


讯享网

Markdown Anchor支持hashmark,因此页面中锚点的链接就是[Header Title](#header-title)

Gruber Markdown实际上不支持生成锚点,但在其他实现中,例如Markdown Extra。

在Markdown Extra中,锚ID附加到标题或子标题[Header Title](#header-title)。

Git存储库页面中的Github Flavored Markdown(但不在Gists中)自动生成在所有标题(h1,h2,h3等)上具有多个标记标记的锚点,包括:

[Header Title](#header-title)

[Header Title](#header-title)

[Header Title](#header-title)

[Header Title](#header-title)(这是在鼠标悬停时显示的svg链接图标)

当一个人写道时,排除aria / svg图标:

[Header Title](#header-title)

Github生成:

[Header Title](#header-title)

因此,创建标题链接无需任何操作,并且始终可以使用以下链接链接到它们:

链接到[Header Title](#header-title)

jeffmcneill answered 2019-01-05T03:28:06Z

4 votes

迟到了,但我认为这个添加可能对使用.rmd的人有用。在.pdf中,内置支持对文档中的标题的引用。

由...定义的任何标头

# Header

可以引用

get me back to that header(#header)

以下是显示此行为的最小独立.rmd文件。 它可以编织到.pdf和.html。

---

title: "references in rmarkdown"

output:

html_document: default

pdf_document: default

---

# Header

Write some more text. Write some more text. Write some more text. Write some more text. Write some more text. Write some more text. Write some more text. Write some more text. Write some more text. Write some more text. Write some more text.

Go back to that [header](#header).

symbolrush answered 2019-01-05T03:28:50Z

2 votes

对于大多数常见的降价发生器。 每个标题中都有一个简单的自生成锚点。 例如,对于pandoc,生成的锚将是标题的kebab case slug。

echo "# Hello, world\!" | pandoc

# =>

Hello, world!

根据你使用的降价解析器,锚点可以改变(以symbolrush和La muerte Peluda答案为例,它们是不同的!)。 请参阅此babelmark,您可以在其中看到生成的锚点,具体取决于您的降价实施。

Ulysse BN answered 2019-01-05T03:29:24Z

0 votes

使用最新的Markdown,您应该能够使用以下语法:

这应该创建以下HTML:

如果您希望锚具有文本,只需在方括号内添加测试:

`Some Text {:name ='anchorName'}

Ryan McGuinness answered 2019-01-05T03:30:15Z

小讯
上一篇 2025-01-27 16:25
下一篇 2025-04-05 22:22

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/75535.html