如何markdown文件中插入锚点

如何markdown文件中插入锚点,第1张

支持markdown编辑器的软件markdown编辑器语法分段空一行(两个回车)分段换行行末加两个或多个空格才是真正的换行,否则正常的一个回车就像在HTML代码中一样,被当作空格处理段落和换行有什么区别?段落在生成的HTML代码中被一对标签包含起来,而换行只是插入了一个标签。一般来说,网页设计给段落之间留的空白应该比行距大。分隔线你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线***********------------------------------------------标题用1-6个井号(#)开始一行表示这一行是标题,例如:#一级标题##二级标题######六级标题列表HTML列表分无序列表(unorderedlist,ul)和有序列表(orderedlist,ol)两种。在Markdown中用星号、加号、减号开始一行表示无序列表,用数字开始一行表示有序列表。例如:无序列表*Red*Green*Blue有序列表1.Bird2.McHale3.Parish代码及代码块如果是在一段文字中插入一句代码,把代码用(`)符号包围起来即可。这个符号在键盘左上角,1的左边,Tab的上面。如果插入一大段代码也很简单,在代码的每一行之前加四个空格。例如:`functioncode`blockquote区块用右尖括号(>)表示blockquote,你一定见过邮件中这样表示引用别人的内容。可以嵌套,可以包含其它的Markdown元素,例如:>##Thisisaheader.>>1.Thisisthefirstlistitem.>2.Thisisthesecondlistitem.>>Here'ssomeexamplecode:>>returnshell_exec("echo$input|$markdown_script")链接文本链接形式:[网站开发指南](/test-img.jpg"网站开发指南")强调用星号或下划线来实现。两边分别放一个*或_会生成em标签,放两个则生成strong标签。例如:*单星号*_单下划线_**双星号**__双下划线__会生成:单星号单下划线双星号双下划线MathJax公式支持[MathJax公式](),例如:`$a^2+b^2=c^2$`或者:```mathjaxx=\dfrac{-b\pm\sqrt{b^2-4ac}}{2a}```

备注: 中的MarkDown好像不支持页面内跳转;

在MarkDown中是通过 链接 和 标题 来实现页面内跳转的,所以先讲下MarkDown中 链接 和 标题 的语法,然后再讲 MarkDown 中实现页面内跳转的方法;

Markdown 支持两种形式的链接语法: 行内式 和 参考式 两种形式。

语法:

说明:

转换成HTML后,会生成如下标签:

示例:

渲染成HTML后,会生成如下标签:

效果如下:

我的博客

语法:

说明:

转换成HTML后,会生成如下标签:

示例:

渲染成HTML后,会生成如下标签:

效果如下:

我的博客

博客

Markdown 支持两种标题的语法:类Setext形式 和 类atx形式;

类Setext形式标题的定义是用底线的形式,可以利用任何个数的符号 = (最高级标题)和 - (第2级标题)来做底线,格式为:

说明:

示例:

效果如下:

类 Atx 形式标题的定义则是在行首插入 1 到 6 个 # ,对应到标题 1 到 6 阶,格式为:

示例:

效果如下:

MarkDown中是通过定义链接的方式来定义跳转的,在这里,跳转也称为 锚点 ,跳转的目标称为 锚点目标 ;

所以,在 MarkDown 中实现页面内跳转的方法就是:定义一个 锚点目标 和 对应的 锚点 ,用户点击 锚点 便可跳转到对应的 锚点目标 位置处;

锚点 和 锚点目标 的定义格式如下:

锚点就是一个链接,另外,由于在MarkDown中可以直接写HTML,所以在MarkDown中实现锚点有两种方式:MarkDown方式 和 HTML方式;

MarkDown锚点本质上就是一个 MarkDown链接 ,只是链接地址的格式为:

所以 MarkDown锚点 的定义也有两种方式

语法:

说明:

转换成HTML后,会生成如下标签:

示例:

渲染成HTML后,会生成如下标签:

效果如下:点击下面的锚点

MarkDown方式的锚点

语法:

说明:

转换成HTML后,会生成如下标签:

示例:

渲染成HTML后,会生成如下标签:

效果如下:

MD锚点

MarkDown方式的锚点

HTML锚点本质上就是一个a链接,格式为:

注意:

示例:

效果如下:点击下面的锚点

<a href="#html锚点">HTML方式的锚点</a>

锚点目标有2种定义方式:MarkDown形式 和 标签形式;

MarkDown形式的锚点目标的定义其实就是 标题 的定义,即:任何级别的标题可以直接作为锚点目标;

所以,类Setext形式 和 类atx形式 的标题都可作为 锚点目标 ;

锚点目标定义的示例:

注意:

因为MarkDown链接会被转成a标签,并且MarkDown中也可以写标签,所以可以利用HTML的锚点机制直接定义一个带 id 特性的任意标签 或 带 name 特性的 a 标签(注意:在HTML5中,a标签已经不再支持 name 特性)作为锚点目标,然后把MarkDown中的锚点地址的目标内容设置为 id 或 name 特性的值;这样便可以实现页面内跳转;

这种形式的锚点目标的定义格式为:

注意:

示例:

MarkDown中实现页面跳转的方法如下:

说明:

注意:

锚点:

锚点目标:

锚点:

锚点目标:

锚点:

锚点目标:

锚点:

锚点目标:

锚点:

锚点目标:

锚点:

锚点目标:

锚点:

锚点目标:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11176815.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存