1. 程式人生 > >MarkDown的錨點

MarkDown的錨點

錨點:
錨點是是網頁製作中超級連結的一種,又叫命名錨記。命名錨記像一個迅速定位器一樣是一種頁面內的超級連結,運用相當普遍。
使用命名錨記可以在文件中設定標記,這些標記通常放在文件的特定主題處或頂部。然後可以建立到這些命名錨記的連結,這些連結可快速將訪問者帶到指定位置。
建立到命名錨記的連結的過程分為兩步。首先,建立命名錨記,然後建立到該命名錨記的連結。

使用方法:
總之就是用於文章快速定位,點選目錄便可直接跳轉到指定位置。下面來介紹一下在MarkDown編輯器中怎麼使用:
首先是建立一個跳轉的連線:

[說明文字](#jump)

然後標記要跳轉到什麼位置即可:

<span
id = "jump">
//跳轉到這裡

需要跳轉不同位置時,將 jump 替換成任意字元或字串,但必須要和跳轉位置的字元或字串相同

相關推薦

MarkDown

錨點: 錨點是是網頁製作中超級連結的一種,又叫命名錨記。命名錨記像一個迅速定位器一樣是一種頁面內的超級連結,運用相當普遍。 使用命名錨記可以在文件中設定標記,這些標記通常放在文件的特定主題處或頂

Markdown基礎(內含:使用,使用HTML,新頁面跳轉,目錄生成)

Github樣式顯示參考:點我 之前說過用word寫文章,這次說說Markdown寫文章(推薦) 逆天推薦使用VSCode編寫 裝這個外掛寫作更方便: 內含:錨點使用,使用HTML,新頁面跳轉,目錄生成 啟用方式: H1~H3(#的個數)[部落格園只支援H1~3] # H1 ## H2 ### H3

markdown中的 及其使用

瀏覽一個很長的文章時會出現一個問題,那就是不知道怎麼快速找到想看的地方。 於是便想起來老師以前說過的錨點了(雖然怎麼沒聽過那個老師的課,但還是很感謝她的),so …. 經過不懈的搜尋,我來分享一下我的成果 首先要知道 錨點是是網頁製作中超級連結的一種,又叫

HTML鏈接

style 點擊 上一個 註意 html pre name type div 1.錨點鏈接:就是一個頁面你在最下面會看見一個“點擊回到頂部”的按鈕 如何使用:   (1)在最上面寫 <a name="top"></a>   (2)在最下面寫 &

連接的真正核心

his jquer scroll 核心 list oat on() tle row <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title><

vue監聽滾動事件 實現動態

title 復制代碼 嘗試 理念 元素 滾動 功能 time 滿足 前幾天做項目的時候,需要實現一個動態錨點的效果 如果是傳統項目,這個效果就非常簡單。但是放到 Vue 中,就有兩大難題: 1. 在沒有 jQuery 的 animate() 方法的情況下,如何實現平滑滾動

html 擊跳轉到頁面指定位置

刷新 mlp kml fwe dpf sil ava vlm pyc 本來是在看阮大神寫的ajax教程,突然發現點擊目錄文字會跳轉到相對應的文本內容,於是乎激發了我的興趣。 這個究竟怎麽做的,剛開始看的時候一知半解,找度娘就是:“點擊跳轉到頁面指定位置”,找了下,原來專業術

鏈接...

頁面跳轉 不同 tle cat 不同的 屬性 nbsp target gpo html錨點(mao dian)--特殊的超鏈接 錨點(anchor):其實就是超鏈接的一種,一種特殊的超鏈接 普通的超鏈接,<a href="路徑"></

html總結

技術 solid ati 自己 span adding pin gree htm html 一.思路1 內容區域一定要給滾動臺,然後給滾動條設置寬高為0px,隱藏滾動條,內容的div要給到高度大於屏幕的高度,就可以實現翻頁的效果 一.思路2 如果根據html的滾動條來實現

html中設置定位的幾種常見方法

element 針對 htm com script int nbsp onclick .get 1,使用id定位: <a href="#1F" name="1F">錨點1</a> <div name="1F"> <p>

根據類型動態生成數據 html使用 分頁 待完成

attack tle 請求 get ndarray pla anim pan 生成 { "sucess":"true", "list": [ { "id":1, "type":"common", "name":"moudule1"

html中的使用

gets intval 16px itl eth 什麽 current erl -h 如今總結一下控制錨點的幾種情況: 1. 在同一頁面中 [html] view plaincopy <a name=&q

html 定位

java mod 設置 pac class 作用 code 針對 click 在html中設置錨點定位我知道的有幾種方法。在此和大家分享一下: 1、使用id定位: <a href="#1F" name="1F"&g

html基礎之(章節元素,章節元素,超鏈接,)詳細

第四天章節元素<body></body> 文檔內容 只能一個<body>元素<header></header>頭部標簽 logo 導航<main></main>網站中重要內容 一個文檔中只能有一個<main>在&

關於Unity中NGUI的Pivot和

wid height http -1 貼圖 關於 位置 ngui 技術 Pivot 創建一個Sprite1節點,關聯一個圖集和一張貼圖,用圖中的六個按鈕調整這個貼圖的Pivot點,一共有八個點可以選擇 再創建一個Sprite2節點,作為Sprite1節點的子節點,關聯一個圖

HTML-

get logs 標簽 cat 鏈接 說明 www. bsp you window.location.hash使用說明,這篇寫的挺詳細的 http://www.cnblogs.com/nifengs/p/5104763.html a標簽的話是 name,div呢是id,

與 scrollIntoView()

pan logs ack nbsp scrollto 實現 window 補充 doc 一、錨點   <p id="firstAnchor"> 錨點 </p>   <a href="#firstAnchor"> 跳轉 </a&g

[原創]css中a標簽去掉文本下劃線

記錄 asp href 實例 參數 ext -s get 其他 我對博客的認識是:記錄問題,解決問題,分享知識。如果有輪子,我不需要造輪子。 1.問題解決方式:   設置屬性:text-decoration:none; 2.更多屬性參數參考   text-decor

JS——的運用

function location oca pre rip win class pan scrip 錨點的兩種形式: 1、<a href="#a">點擊到錨點</a> 2、window.location.hash = "#a"; 最後都是在尋找對應的

html元素

錨點id和name或者id對應<a href="#1">第一張</a>、 <a href="#2">第二張</a> <a href="#3">第三張</a> <br><br><br><br&