精华内容
下载资源
问答
  • MarkDown中页面内跳转经常用于目录跳转,为了解决在MarkDown中实现页面内跳转,我特意研究了以下实现方式; 备注: 简书中的MarkDown好像不支持页面内跳转; 目录 一. 链接的定义 1. 行内式链接 2. 参考式...

    MarkDown中页面内跳转经常用于目录跳转,为了解决在MarkDown中实现页面内跳转,我特意研究了以下实现方式;

    在MarkDown中,页面内跳转的方法中最重要的是:要按住ctrl去访问,才能页面内跳转!!!!

    目录

     

    一. 链接的定义
       1. 行内式链接
       2. 参考式链接
    二. 标题的定义
       1. 类Setex形式的标题
       2. 类Atx形式的标题
    三. 页面内跳转
       1. 锚点的定义
       2. 锚点目标的定义
    四. 总结
    五. 示例
    

    内容


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

    一. 链接的定义

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

    1. 行内式链接

    语法:

     

    行内式链接 = [内容](地址 "标题")
    

    说明:

    • 标题 是可选的,可以用单引号 或 双引号;

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

     

    <a href="地址" title="标题">内容</a>
    

    示例:

     

    [我的博客](https://www.jianshu.com/u/7ecaba2d594c "郭斌勇的主页")
    

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

     

    <a href="https://www.jianshu.com/u/7ecaba2d594c" title="郭斌勇的主页">我的博客</a>
    

    效果如下:

    我的博客

    2. 参考式链接

    语法:

     

    参考式链接 = [内容][参考标识符]
    参考标识符 = [标识符]: 地址 "标题"
    

    说明:

    • 参考式链接参考标识符 的定义没有先后顺序;
    • [内容][参考标识符] 之间可以有一个空格,也可以没有空格;
    • 如果 内容参考标识符 一样,也可简写成 [参考标识符][] ;
    • 标题 是可选的,可以用单引号、双引号或是圆括弧包着;

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

     

    <a href="地址" title="标题">内容</a>
    

    示例:

     

    [博客]: https://www.jianshu.com/u/7ecaba2d594c "郭斌勇的主页"
    [我的博客][博客]
    [博客][]
    

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

     

    <a href="https://www.jianshu.com/u/7ecaba2d594c" title="郭斌勇的主页">我的博客</a>
    <a href="https://www.jianshu.com/u/7ecaba2d594c" title="郭斌勇的主页">博客</a>
    

    效果如下:

    我的博客
    博客

    二. 标题的定义

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

    1. 类Setex形式的标题

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

     

    标题内容
    ====
    

     

    标题内容
    ----
    

    说明:

    • 底线的符号个数为大于或等于1

    示例:

     

    这是一级标题
    ====
    
    这是二级标题
    ----
    

    效果如下:

    这是一级标题

    这是二级标题

     

    2. 类Atx形式的标题

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

     

    # 1级标题内容
    ## 2级标题内容
    ### 3级标题内容
    #### 4级标题内容
    ##### 5级标题内容
    ###### 6级标题内容
    

    示例:

     

    # 这是1级标题
    ## 这是2级标题
    ### 这是3级标题
    #### 这是4级标题
    ##### 这是5级标题
    ###### 这是6级标题
    

    效果如下:

    这是1级标题

    这是2级标题

    这是3级标题

    这是4级标题

    这是5级标题

    这是6级标题

     

    三. 页面内跳转

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

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

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

    1. 锚点的定义

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

    1.1 MarkDown锚点

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

     

    链接地址 = #目标内容
    

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

    行内式

    语法:

     

    锚点 = [内容](#目标内容 "标题")
    

    说明:

    • 标题 是可选的,可以用单引号 或 双引号;

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

     

    <a href="#目标内容" title="标题">内容</a>
    

    示例:

     

    [MarkDown方式的锚点](#MarkDown锚点)
    

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

     

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

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

    MarkDown方式的锚点

    参考式

    语法:

     

    锚点 = [内容][参考标识符]
    参考标识符 = [标识符]: #目标内容 "标题"
    

    说明:

    • 锚点参考标识符 的定义没有先后顺序;
    • [内容][参考标识符] 之间可以有一个空格,也可以没有空格;
    • 如果 内容参考标识符 一样,也可简写成 [参考标识符][] ;
    • 标题 是可选的,可以用单引号、双引号或是圆括弧包着;

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

     

    <a href="#目标内容" title="标题">内容</a>
    

    示例:

     

    [MarkDown方式的锚点]: #MarkDown锚点
    [MD锚点][MarkDown方式的锚点]
    [MarkDown方式的锚点][]
    

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

     

    <a href="#MarkDown锚点">MD锚点</a>
    <a href="#MarkDown锚点">MarkDown方式的锚点</a>
    

    效果如下:

    MD锚点

    MarkDown方式的锚点

    1.2 HTML锚点

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

     

    <a href="#目标内容">内容</a>
    

    注意:

    示例:

     

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

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

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

    2. 锚点目标的定义

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

    MarkDown形式的锚点目标

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

     

    标题内容 = 目标内容
    

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

    锚点目标定义的示例:

     

    这是一个锚点目标
    ====
    
    这是一个锚点目标
    ---
    
    # 这是一个锚点目标
    ## 这是一个锚点目标
    ### 这是一个锚点目标
    #### 这是一个锚点目标
    ##### 这是一个锚点目标
    ###### 这是一个锚点目标
    

    注意:

    • 锚点目标内容 中不能有大家字母和空格,所以如果锚点目标的 目标内容 中有大写字母或空格,则需要在定义锚点中的 目标内容 时,把大写字母改成小写字母,把空格改成 -
    • 锚点目标内容 中不能含有以下字符:
      • 半角点(即英文中的句号).

    标签形式的锚点目标

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

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

     

    <标签名 id="目标内容">元素内容</标签名>
    

     

    <a name="目标内容">元素内容</a>
    

    注意:

    • 标签形式的锚点目标的id特性值中是不能含有中文字符;
    • name 特性只能应用在 a 标签上;
    • HTML5不支持通过a标签的 name 特性来定义锚点目标;

    示例:

     

    <div id="这是锚点目标">跳转到这里</div>
    

     

    <a name="这是锚点目标">跳转到这里</a>
    

    四. 总结

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

    1. 定义锚点目标;锚点目标的定义方式有4种:类Setext形式的标题、类atx形式的标题、带id特性的HTML标签(id特性的值为目标内容)、带name特性的a标签(name特性的值为目标内容);
    2. 定义锚点;锚点的定义方式有3种:行内式链接、参考式链接、HTML的a链接;

    说明:

    • 锚点 和 锚点目标 的定义不分先后顺序;

    注意:

    • 锚点目标内容 中不能有大家字母和空格,所以如果锚点目标的 目标内容 中有大写字母或空格,则需要在定义锚点中的 目标内容 时,把大写字母改成小写字母,把空格改成 -
    • 锚点目标内容 中不能含有以下字符:
      • 半角点(即英文中的句号).
    • 标签形式的锚点目标的id特性值中是不能含有中文字符;
    • name 特性只能应用在 a 标签上;
    • HTML5不支持通过a标签的 name 特性来定义锚点目标;
    • HTML锚点 的目标锚点只能是 标签形式的锚点目标

    五. 示例

    示例1

    锚点:

     

    [跳转到个人简介](#个人简介)
    

    锚点目标:

     

    # 个人简介
    

    示例2

    锚点:

     

    [跳转到个人简介]: #个人简介
    [跳转到个人简介][]
    

    锚点目标:

     

    个人简介
    =====
    

    示例3

    锚点:

     

    [跳转到个人简介](#个人简介)
    

    锚点目标:

     

    <p id="个人简介">这是个人简介</p>
    

    示例4

    锚点:

     

    [跳转到个人简介](#个人简介)
    

    锚点目标:

     

    <a name="个人简介">这是个人简介</a>
    

    示例5

    锚点:

     

    <a href="#个人简介">跳转到个人简介</a>
    

    锚点目标:

     

    个人简介
    ----
    

    示例6

    锚点:

     

    <a href="#个人简介">跳转到个人简介</a>
    

    锚点目标:

     

    <h1 id="个人简介">这是个人简介</h1>
    

    示例7

    锚点:

     

    <a href="#个人简介">跳转到个人简介</a>
    

    锚点目标:

     

    <a name="个人简介">这是个人简介</a>

     

    展开全文
  • 如何给PDF设置可跳转目录的2种方法

    千次阅读 2021-05-21 17:03:37
    如果PDF文档页面比较多,给文件设置目录不仅可以使主要内容一目了然,更重要是可通过点击快速查看对应内容,那么怎么才能给PDF制作目录跳转呢? 首先我们来了解一下PDF的目录,除了常见的类似于Word文档结构图的...

    如果PDF文档页面比较多,给文件设置目录不仅可以使主要内容一目了然,更重要是可通过点击快速查看对应内容,那么怎么才能给PDF制作目录并跳转呢?

    首先我们来了解一下PDF的目录,除了常见的类似于Word文档结构图的左侧目录外,文中的目录也是可以设置点击跳转的,下面分别说一说两种目录的制作方法。
    在这里插入图片描述

    第一种左侧目录,一般如果制作Word文档时设置了文档结构图,这样直接导出的PDF文档是自带目录的,当然如果没有也不用担心,可以后期在PDF文档中新增。

    用极速PDF编辑器打开PDF文件后,选择工具栏中的“书签”或者在工具栏任意处右击并勾选“书签”即可打开书签面板。
    在这里插入图片描述

    通过书签工具面板中的“+”新建书签并分别设置标题和调整页面添加即可;如果PDF文档内容有明显的一级、二级等标题则可选择“自动书签”自动为文档添加。这时设置的书签即为左侧的“目录”。
    在这里插入图片描述

    第二种文中的目录则只需要将每一条标题设置跳转即可,需要用到超链接工具。所以我们先选择“超链接工具”并按住鼠标左键框选出单条目录的范围。
    在这里插入图片描述

    接着在弹出的窗口中将类型设置为“转到视图”并将页面翻到对应页面并停留,再点击链接属性窗口中的确定就可以了。
    在这里插入图片描述

    依次给每一条小标题添加对应页面跳转后,将PDF文档重新保存一下,在阅读模式下点击即可快速跳转到对应页面。
    在这里插入图片描述

    关于PDF文档设置目录并能跳转的方法就是这些了,只要掌握技巧,其实PDF的功能比Word会更强大和实用哦。

    展开全文
  • 为文章写目录,特别在文章较长的时候,有助于对内容的整体把握,能提高阅读效率。以下,将写一个基本的锚目录demo,然后特别说明需要注意的几点。Table Of Content## DemoTable Of ContentsInstallation ...

    当文章有分类,需要快速阅读,通常会先在文首部写一个目录,点击可以跳转。

    为文章写目录,特别在文章较长的时候,有助于对内容的整体把握,能提高阅读效率。

    以下,将写一个基本的锚目录demo,然后特别说明需要注意的几点。

    Table Of Content

    ## Demo

    Table Of Contents

    Installation Instructions

    blablablabla

    Usage Instructions

    blablablabla

    Troubleshooting

    blablablabla

    Compatibility

    blablablabla

    Notes and Miscellaneous

    blablablabla

    Building the Extension Bundles

    blablablabla

    Next Steps

    blablablabla

    Credits

    blablablabla

    Feedback

    blablablabla

    除了用markdown中的锚定义,我们还可以在需要的时候使用html中的a链接的name属性。实现传统的锚点。//点击:

    Something you should know

    //跳转至:

    用htmla标签实现的锚链接

    markdown 的锚使用中需要特别注意的几点

    语法

    目录(Table Of Content)[链接的value值,任意名称](#*1 anchor-name)

    锚#*n Anchor Name

    //可以是一级标题、二级、三级····

    在目录中:链接的名称anchor-name必须全部是小写的,和锚中的名称不区分大小写匹配

    对应的锚的名称中的空格要用“-”替换

    不能含有“:”、“()”、“.”等字符,最好就不要有任何字符

    目录的部分可以是多种样式,例如斜体,粗体,本身都是等级标题,甚至列表元素都行

    在锚中:不能含有“:”、“()”、“.”等字符

    锚不能是列表元素,例如无序列表*

    锚只要是标题就行,他可以是任意等级

    本文源markdown文档可以在Github上查看语法格式:Link

    展开全文
  • Typora页面内容跳转

    2021-07-08 09:21:04
    跳转需要下键盘Ctrl+鼠标左键。以下我在Typora Version0.10.6(beta)测试成功。 参考:https://support.typora.io/Links/#html-a-tag https://blog.csdn.net/u013502146/article/details/103171825 跳转到特定文字...

    跳转需要按下键盘Ctrl+鼠标左键。以下我在Typora Version0.10.6(beta)测试成功。

    参考:https://support.typora.io/Links/#html-a-tag

    https://blog.csdn.net/u013502146/article/details/103171825


    跳转到特定文字位置,不借助跳转到的位置标题(跳转到的文字不是大标题,就是正文的部分)。
    在顶部输入如下内容:

    
    <a name="跳转1"> </a><a name="跳转2"></a>
    

    **注意:**他们的区别在于</a>和前面是否有空格,有则会隐藏此行代码
    在想跳回顶部的位置输入如下内容:

    [HTML锚点回到顶部1](#跳转1)
    [HTML锚点回到顶部2](#跳转2)
    

    完整的形式如下,把XXXX换成自己的文件内容即可:

    <a name="跳转1"> </a>
    
    XXXXXXXXXX
    XXXXXX
    XXXXXX
    
    [HTML锚点回到顶部1](#跳转1)
    

    跳转到标题,想要跳转到的位置是大标题。
    方法一:使用标题跳转;
    在想跳转的位置的文本xx改为[xx](#id),xx是待点击的文本内容,id是跳转到的位标题,#号不能省略。

    [标题回到顶部](#顶部)
    

    完整形式如下:

    # 顶部
    
    ## 目录
    
    1. 目录1
    2. 目录2
    
    XXXXXXXXXXXXXXX
    XXXXXXXXX
    
    ### 目录1
    XXXXXXXXXXXXXXX
    XXXXXXXXX
    
    ### 目录2
    XXXXXXXXXXXXXXX
    XXXXXXXXX
    
    [标题回到顶部](#顶部)
    

    Ctrl+鼠标左键点击文末的标题回到顶部,即可取到大标题为顶部的位置。


    方法二:span;
    在想跳转的位置的文本xx改为[XX](#id)xx是待点击的文本内容,id是跳转到的位置处定义的,#号不能省略。
    如从目录1跳到目录1的内容:

    [目录1](#jump1)
    

    jump1是跳转到的位置定义的id,自行定义,即如下:

    ### <span id="jump1">目录1</span>
    

    完整形式如下:

    # 顶部
    
    ## 目录
    
    1. [目录1](#jump1)
    2. [目录2](#jump2)
    
    XXXXXXXXXXXXXXX
    XXXXXXXXX
    
    ### <span id="jump1">目录1</span>
    XXXXXXXXXXXXXXX
    XXXXXXXXX
    
    ### <span id="jump2">目录2</span>
    XXXXXXXXXXXXXXX
    XXXXXXXXX
    

    在目录中的目录1使用Ctrl+鼠标左键,就可以跳到目录1的文本内容处了。


    Typora增加目录的方法:在想要放置目录的位置(一般是文章最前面,当然你也可以放在文章的最后面),写下

    [TOC]

    然后会自动生成目录。

    展开全文
  • 需求: 有一个pdf文件source.pdf , 有这个pdf的目录数据Map catalogs , 将catalog作为目录添加到source.pdf文件中 ,且可以点击目录跳转到指定页描述:原本的source.pdf是没有目录的 , 且catalog目录数据是用别的方法读...
  • 易遇到的场景:在页面内添加的目录内容,不只是能被Typora等工具侧边栏展示提取,还希望如同Word等文件的前面给出目录-子标题列表;或者是在比较长的文件中,希望跳转到当前文件之前(后)的内容。 此处的目录即使...
  • 文章目录前言一、5秒钟之后跳转页面(点击按钮直接跳转) 前言 一些javascript的小功能的实现 提示:以下是本篇文章正文内容,下面案例可供参考 一、5秒钟之后跳转页面(点击按钮直接跳转) <!DOCTYPE html>...
  • 在这一章节中,我们将介绍以下命令:pwd — 打印出当前工作目录名cd — 更改目录ls — 列出目录内容理解文件系统树类似于 Windows,一个“类 Unix” 的操作系统,比如说 Linux,以分层目录结构来组织所有文件。...
  • 在_book问价夹下找到gitbook目录,找到theme.js文件,将文件中if(m)for(n.handler&&内容修改为if(false)for(n.handler&&保存文件后重新打开index.html文件即可实现内容正常跳转。 ...
  • 移动端绑定m的二级域名访问:第一步:进入后台,系统–系统基本参数–添加变量(如下图所示)这个变量:{dede:global.cfg_m/},...如何用二级域名m访问二级m目录呢我们可以借助.htaccess伪静态功能来实现织梦子目录(m)...
  • 文章目录前言一、vue+js的跳转定位总结 前言 开发记录。 一、vue+js的跳转定位 this.$el .querySelector(".className") .scrollIntoView({block: "start", behavior: "smooth"}); 总结 在标签中设置class类名...
  • 是否想过需要一个目录,或者一个大纲来作为一个索引方便查找内容呢? 如果上面的两个痛点你都有遇到过,那么恭喜你,今天遇到了一个解决方法。顺利的话三步便可搞定:输入安装插件命令->输入插件配置命令->...
  • 文章目录markdown生成导航目录(实现页内跳转和自动生成目录)目录1目录11目录12目录13目录2目录21目录22目录23目录3目录31目录32目录33具体语法 目录1 目录11 目录12 目录13 目录2 目录21 目录22 目录23 目录3 目录31...
  • Vue组件显示与页面跳转

    千次阅读 2020-12-19 14:44:27
    最近在学习vue框架,从网上找了一个实例但是只有一个页面,就是所有组件都放到App.vue里,结果点击按钮,所有内容都显示在当前页面,但是我想实现页面的跳转,搞了好几天,终于在网上找到了一个例子。下面贴出在一个...
  • 项目中有一需求,需要根据不同的页面路径url跳转进行不同的操作,首先需要获得上一页面的url,利用 beforeRouteEnter 这个钩子中的from参数获得之前url的信息,然后给 next 传递回调来访问当前组件的实例。操作代码为:...
  • Django页面跳转

    2021-06-11 02:28:51
    函数中需要传入此参数不需要再通过GET.get()获取,可以直接使用 3.png 3.a链接路径写法 在页面点击登陆,跳转登陆页面,在url中写法如下: >>>主目录urls文件中配置app的url url(r'^axf/', include('axf_app.urls', ...
  • 一、AbilitySlice 之间的界面跳转、 二、完整代码示例、 三、运行结果
  • 网站301跳转问题的探讨和用法以及网站做301跳转的相关问题 作者:叶涛(华军软件园seo) 相信站长朋友们都对301跳转有一定的了解,知道在网站优化中可以帮助自己,但是有些站长朋友却对如何合理使用301跳转不太...
  • 5. 编辑**ability_main_xml**,该文件默认包含一个文本组件,现在将这个文本组件的文本内容修改为“”主界面“` 添加一个按钮组件,配置相关属性 7. 主界面配置完毕,新建第二个界面(Ability) 8. 输入界面名称...
  • 服务器怎么设置跳转页面跳转页面 内容精选换一换接入配置完成后,伙伴可以在能力开放页面配置伙伴平台回跳地址,以便于客户在完成订单支付后能返回到伙伴销售平台或者客户支付订单需要充值时能从华为云跳到伙伴销售...
  • 关于Typora使用的各种跳转,比如页面内任意位置跳转
  • 在hbuilder官网下载最新sdk,解压后的内容如下:在androidstudio上新建一个android项目,主界面就一个按钮很简单导入jar包,亲测至少需要这几个包用Hbuilder创建一个简单的app项目,如果不会请问度娘查看app的id,...
  • (注意:a标签中要写一个name属性,属性值要与①中的href的属性值一样,不加#)标签中需填写必要的文字,一般不写内容方法二:①:同方法一的①②:设置锚点的位置喵星人基地;在要跳转到的位置的标签中添加一个id...
  • Nginx 跳转实例

    2021-06-12 02:50:37
    *分别为区分大小写不匹配及不区分大小写不匹配文件及目录匹配,其中:-f和!-f用来判断是否存在文件-d和!-d用来判断是否存在目录-e和!-e用来判断是否存在文件或目录-x和!-x用来判断文件是否可执行flag标记有:last ...
  • VUE跳转页面

    2020-12-18 11:32:33
    几经探索,终于把VUE的页面跳转搞出来了,在此记录过程与心得 2.项目目录结构 先来看下我的目录结构 3. 在App.vue内容 <template> <div id="app"> <!-- 这个很重要,切换窗口要靠他,没有他路径...
  • 如果文档设置了书签或目录,直接点击标题即可跳转到指定页面内容。 除此之外我们也可以通过给PDF文档的目录设置跳转页面的方式。用极速PDF编辑器打开PDF文档后,选择“超链接工具”然后按住鼠标左键框选出单条目录...
  • 关键:把find的结果(目标文件夹或目录)作为...常规的做法分两步:「1」find [搜寻目录] -name "WPS" -type d「2」cd (第「1」步得到的文件夹路径)现在觉得这样比较麻烦,就想通过一步到位的办法,直接就查找、跳转...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 224,508
精华内容 89,803
关键字:

怎么按目录跳转内容