zoukankan      html  css  js  c++  java
  • Markdown实用语法之实现页面内跳转

    Markdown实用语法之实现页面内跳转

    2018年09月06日 11:36:18 精装机械师 阅读数 2920更多

    分类专栏: Markdown

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

    本文链接:https://blog.csdn.net/yingaizhu/article/details/82458437

      页面内跳转非常实用,在文档描述过程中经常会关联到页面内的其他章节内容,为了方便读者阅读,会需要添加页面跳转的功能;除此之外,页面内跳转,也可以用来手动制作目录。

      实现页面跳转的方式也挺简单,可以实现跳转到任意标号的标题,但是也是非常的讲究,否则会出现无法跳转的情况。页面跳转的标记格式如下:

    [显示的内容](#标题标号-标题文本)
    • 1

    注意要点: 
    1. []中括号填写需要在页面上显示的内容; 
    2. ()小括号内部声明跳转目标标题,以#开头,标题题号如果包含.、下划线直接忽略掉,标题文本中如果有空格,使用-横杠符号替代,标题文本中的大写字母转换成小写。

    小技巧: 
    对于()小括号内的跳转目标标题,可以将Markdown导出HTML文件,查看HTML源码,用对应标题<h>标签下的id属性值,这样可以保证正确跳转。

    这是演示如何实现页面内跳转:

    1 这是章节一的标题

    这里是章节一的文本描述内容, 
    这里是章节一的文本描述内容, 
    这里是章节一的文本描述内容, 
    这里是章节一的文本描述内容, 
    这里是章节一的文本描述内容, 
    这里是章节一的文本描述内容, 
    这里是章节一的文本描述内容, 
    这里是章节一的文本描述内容, 
    这里是章节一的文本描述内容, 
    这里是章节一的文本描述内容, 
    这里是章节一的文本描述内容, 
    这里是章节一的文本描述内容, 
    这里是章节一的文本描述内容, 
    这里是章节一的文本描述内容,

    更多内容参考:章节3

    2 这是章节二的标题

    这里是章节二的文本描述内容, 
    这里是章节二的文本描述内容, 
    这里是章节二的文本描述内容, 
    这里是章节二的文本描述内容, 
    这里是章节二的文本描述内容, 
    这里是章节二的文本描述内容, 
    这里是章节二的文本描述内容, 
    这里是章节二的文本描述内容, 
    这里是章节二的文本描述内容, 
    这里是章节二的文本描述内容, 
    这里是章节二的文本描述内容, 
    这里是章节二的文本描述内容,

    3 这是章节三的标题

    这里是章节三的文本描述内容, 
    这里是章节三的文本描述内容, 
    这里是章节三的文本描述内容, 
    这里是章节三的文本描述内容, 
    这里是章节三的文本描述内容, 
    这里是章节三的文本描述内容, 
    这里是章节三的文本描述内容, 
    这里是章节三的文本描述内容, 
    这里是章节三的文本描述内容, 
    这里是章节三的文本描述内容, 
    这里是章节三的文本描述内容, 
    这里是章节三的文本描述内容, 
    这里是章节三的文本描述内容, 
    这里是章节三的文本描述内容, 
    这里是章节三的文本描述内容, 
    这里是章节三的文本描述内容,

    回到顶部

  • 相关阅读:
    Sending post
    <<the not so short introduction to Latex2e >> 读书笔记
    Latex 书签中文乱码解决方案
    VisualSVN迁移到其他服务器 子曰
    C#遍历DataSet中数据的几种方法总结 子曰
    Extjs formpanel加载数据的两种方式 子曰
    向老销售取经,学来的一点软件销售技巧 子曰
    extjs 实现 NumberField 即时计算 子曰
    Ext.form.DateField简单用法及日期范围控制 子曰
    解决.aspx中插入浮动广告不滚动问题 子曰
  • 原文地址:https://www.cnblogs.com/grj001/p/12224193.html
Copyright © 2011-2022 走看看