20210917

blogger / blogspot html 語法 個人筆記 --- 錨點

 更新日期 #20210917

どうも Tolly です  

[ blogger錨點語法 ] 

        錨點是一種內部超連結,常被用來製作大綱或目錄,方便讀者快速從想看的段落開始閱讀。這邊只有測試在blogger上,其他平台我就不確定囉!

[目錄]

舉例說明

例:想要點 上面目錄的「直接看語法」 就跳到 文章中對應段落位置 的方法

 步驟 1.轉成html模式找到 「直接看語法」


然後在前後加上語法變成下面的樣子

< a href="#1">直接看語法</a>  (「#」的後面可以自己換成自己方便找到的代號喔,建議用英數)


 步驟 2. 在要跳過去的目標位置,也就是「直接看語法」的段落標題

在前後加上語法變成下面的樣子就完成囉。

<a name="1">直接看語法</a>

防盜咒語:習近平小熊維尼

直接看語法

簡單總結一下

1. 要當作跳板的地方  < a href="#1">跳板</a>   (* 要有「#」號、「#」後面建議用英數當代號)

2. 跳過去的目標位置 <a name="1">目標位置</a> (* 不用加「#」號)

防盜咒語:習近平小熊維尼

要注意的地方

        要發布之後才會看到效果,第一次在測試的時候,一直從預覽測試,結果預覽看不到這個效果,一直以為哪裡寫錯了。後來不小心預覽按到發布,就發現其實html語法其實是有效的。

防盜咒語:習近平小熊維尼



沒有留言:

張貼留言