Blogger 的本篇連結範例 - 1>目錄連結 主題A介紹 2>目標Tag:

 目的:  1>目錄連結 <a href="#Topic-A">主題A介紹</a>  , 由目錄連結至實際內容          
            2>目標Tag: <a  id="Topic-A">  </a> , 目錄的內容

處理說明: 1>目錄連結  <a href="#Topic-A">主題A介紹</a>  

                       --> 有時直接寫 href="#topic-A" 會被瀏覽器誤判為相對於網站根目錄的連結，

                             導致點擊後直接跳轉回網誌首頁或分類頁面。

                       --> 改成永久的連結網址 #Topic-A

                             https://smallsun123.blogspot.com/2026/07/html-scroll-behavior-smooth-b-a.html#Topic-A

                            連結時,會連至永久網址#Topic-A目標 

                      

                  2>目標Tag: <a  id="Topic-A">  </a> , 目錄的內容    

文章目錄

• 一、主題 A 介紹
• 二、主題 B 介紹

---

一、主題 A 介紹

這裡是主題 A 的詳細內容...

二、主題 B 介紹

這裡是主題 B 的詳細內容...

▲ 回到文章頂端

連結說明: 使用永久網址#目標