HTML Bookmark - 在Google Blogger上添加文章目錄

目錄

步驟一:設置標題

步驟二:設置錨點

步驟三:設置目錄

補充應用:返回目錄


在Google Blogger上設置文章目錄是一個很方便的功能,讀者可以點擊目錄中的條目快速跳轉到文章的相應部分。以下是如何在Google Blogger上設定文章目錄的詳細教學,讓您了解如何在Google Blogger上設置文章目錄。

目錄

步驟一:設置標題

在撰寫模式下打上標題。

步驟一:設置標題


步驟二:設置錨點

換到HTML檢視。

在HTML檢視模式下使用 <a id="anchor"></a> 來設置錨點,在您文章中的每個標題或者分段的開頭處插入錨點。

對於每個錨點,請記住其 ID。並確保每個錨點都有一個唯一的 ID。

步驟二:設置錨點


步驟三:設置目錄

在目錄中使用超連結來連接到相應的錨點。您可以切換到撰寫模式下插入或編輯連結,打上標題和#錨點ID,或是直接在HTML檢視模式下使用<a href="#anchor"> 目錄條目 </a>來設置超連結。

切換到撰寫模式:

切換到撰寫模式→插入或編輯連結,打上標題#錨點ID(※錨點ID前面要加#、ID不能重複),然後套用,依此類推加上其它標題。

步驟三:設置目錄

步驟三:設置目錄

步驟三:設置目錄


HTML檢視:

也可以直接在HTML檢視模式下,使用 <a href="#anchor"> 目錄條目 </a> 來設置超連結。

步驟三:設置目錄


查看目錄是否正確顯示並連接到相應的內容部分,確保您的文章錨點和超連結的運作正常。

這樣,您就在Google Blogger上成功設置了文章目錄。


補充應用:返回目錄

為了讓讀者方便返回到目錄,您可以在每個小節的開頭或結尾添加一個返回鏈接。例如: <a href="#toc">回到目錄</a>,並在目錄的地方設置錨點。


用錨點和HTML語法製作目錄的概念同樣可以應用在其它部落格實現文章段落甚至是網頁間的跳轉,希望這個教學對您有所幫助!如果您有任何問題,請隨時留言。


回到目錄


Post a Comment

0 Comments