1. 程式人生 > >Markdown實用語法之實現頁面內跳轉

Markdown實用語法之實現頁面內跳轉

  頁面內跳轉非常實用,在文件描述過程中經常會關聯到頁面內的其他章節內容,為了方便讀者閱讀,會需要新增頁面跳轉的功能;除此之外,頁面內跳轉,也可以用來手動製作目錄。

  實現頁面跳轉的方式也挺簡單,可以實現跳轉到任意標號的標題,但是也是非常的講究,否則會出現無法跳轉的情況。頁面跳轉的標記格式如下:

[顯示的內容](#標題標號-標題文字)

注意要點:
1. []中括號填寫需要在頁面上顯示的內容;
2. ()小括號內部宣告跳轉目標標題,以#開頭,標題題號如果包含.、下劃線直接忽略掉,標題文字中如果有空格,使用-橫槓符號替代,標題文字中的大寫字母轉換成小寫。

小技巧:
對於()小括號內的跳轉目標標題,可以將Markdown匯出HTML檔案,檢視HTML原始碼,用對應標題<h>

標籤下的id屬性值,這樣可以保證正確跳轉。

這是演示如何實現頁面內跳轉:

1 這是章節一的標題

這裡是章節一的文字描述內容,
這裡是章節一的文字描述內容,
這裡是章節一的文字描述內容,
這裡是章節一的文字描述內容,
這裡是章節一的文字描述內容,
這裡是章節一的文字描述內容,
這裡是章節一的文字描述內容,
這裡是章節一的文字描述內容,
這裡是章節一的文字描述內容,
這裡是章節一的文字描述內容,
這裡是章節一的文字描述內容,
這裡是章節一的文字描述內容,
這裡是章節一的文字描述內容,
這裡是章節一的文字描述內容,

更多內容參考:章節3

2 這是章節二的標題

這裡是章節二的文字描述內容,
這裡是章節二的文字描述內容,
這裡是章節二的文字描述內容,
這裡是章節二的文字描述內容,
這裡是章節二的文字描述內容,
這裡是章節二的文字描述內容,
這裡是章節二的文字描述內容,
這裡是章節二的文字描述內容,
這裡是章節二的文字描述內容,
這裡是章節二的文字描述內容,
這裡是章節二的文字描述內容,
這裡是章節二的文字描述內容,

3 這是章節三的標題

這裡是章節三的文字描述內容,
這裡是章節三的文字描述內容,
這裡是章節三的文字描述內容,
這裡是章節三的文字描述內容,
這裡是章節三的文字描述內容,
這裡是章節三的文字描述內容,
這裡是章節三的文字描述內容,
這裡是章節三的文字描述內容,
這裡是章節三的文字描述內容,
這裡是章節三的文字描述內容,
這裡是章節三的文字描述內容,
這裡是章節三的文字描述內容,
這裡是章節三的文字描述內容,
這裡是章節三的文字描述內容,
這裡是章節三的文字描述內容,
這裡是章節三的文字描述內容,

回到頂部