MozTW 討論區
https://forum.moztw.org/

書籤語法要怎麼寫？
https://forum.moztw.org/viewtopic.php?f=8&t=25638		 第 1 頁 (共 1 頁)
發表人:  a007son [ 2009-01-02, 22:49 ]
文章主題 :  書籤語法要怎麼寫？
書籤是指在此頁連結可以直接跳至該行去的那個書籤（聽有嗎？

--

我表達能力也很爛...
發表人:  wini [ 2009-01-02, 23:33 ]
文章主題 : 
元素要先有 name 或 id 其中一種屬性，並給予適當格式的值（名稱），才能用頁內定錨還啥的連結方式。

代碼:
<a href="#ID">超連結文字</a>
<div id="ID"></div>


順帶一提 ID 開頭不可以用數字（符號不確定），而且同一個網頁檔案中，一個 ID 名稱（大小寫視作不同的）只能出來一次，不然這連向這個頁內定錨的超連結會不知道該去哪去。

還有很多人都會把 id="ID" 錯寫成 id="#ID"，這種的超連結要結過去時，得寫成 href="##ID"，也就是說 # 是用在超連結中的，所以不該當作要頁內定錨的元素的 id 名稱。

另外也可以跨文件連結。
發表人:  a007son [ 2009-01-03, 09:10 ]
文章主題 : 
wini 寫:
元素要先有 name 或 id 其中一種屬性，並給予適當格式的值（名稱），才能用頁內定錨還啥的連結方式。

代碼:
<a href="#ID">超連結文字</a>
<div id="ID"></div>


順帶一提 ID 開頭不可以用數字（符號不確定），而且同一個網頁檔案中，一個 ID 名稱（大小寫視作不同的）只能出來一次，不然這連向這個頁內定錨的超連結會不知道該去哪去。


所以是這樣寫囉？

代碼:
<a href="#A">超連結文字</a>
<div id="A">被連結文字</div>
發表人:  wini [ 2009-01-03, 14:21 ]
文章主題 : 
a007son 寫:
所以是這樣寫囉？

代碼:
<a href="#A">超連結文字</a>
<div id="A">被連結文字</div>


差不多是這樣，但沒有一定要寫被連結文字這事。

然後要用頁內書籤的對象可以是任何東西，只要是合規格的 HTML 元素就行，你想把這元素放在連向頁內書籤的超連結元素的後面或前面都可以。

來打個比方好了，你手上有本百科全書或字典，在第一頁有各章標題或部首的索引，你想找到某個標題或部首的話，索引上都會有頁數，這頁數會對應到這本書裡面的某一頁，你在那一頁就可以找到標題或部首。
代碼:
<a href="#chapter1">第一章</a>, <a href="#chapter2">第二章</a>

<h2 id="chapter1">第一章</h2>
<p>這是一段文不拉不拉不拉...</p>

<h2 id="chapter2">第二章</h2>
<p>這是一段文不拉不拉不拉...</p>


再打另一個比方，你手上有份論文，這論文叫你去找另一篇論文的某一章節，所以你拿起另一份論文，看著它的索引開始找這章節在哪一頁。
代碼:
<a href="foo.html#chapter1">去查 foo 文件的第一章</a>

(foo.html)
<h2 id="chapter1">第一章</h2>
<p>這是 foo 文件第一章的一段文不拉不拉不拉...</p>
發表人:  a007son [ 2009-01-03, 14:38 ]
文章主題 : 
wini 寫:
代碼:
<a href="#chapter1">第一章</a>, <a href="#chapter2">第二章</a>

<h2 id="chapter1">第一章</h2>
<p>這是一段文不拉不拉不拉...</p>

<h2 id="chapter2">第二章</h2>
<p>這是一段文不拉不拉不拉...</p>


呢？<h2> 的功能跟 <div> 功能一樣嗎？

--

還有...如果此頁是獨立的網頁就沒問題

可是我 PO 部落格上就有問題了

按下連結之後，應該要跳至錨點

在部落上按下連結之後，會回到部落格首頁

像這樣

部落格 寫:
Title: XXXXX

(...more)

↓
部落格 寫:
Title: XXXXX

00000←這是連結，按下去


↓
部落格 寫:
Title: XXXXX

(...more)

（o A o；
發表人:  wini [ 2009-01-03, 15:10 ]
文章主題 : 
a007son 寫:
wini 寫:
代碼:
<a href="#chapter1">第一章</a>, <a href="#chapter2">第二章</a>

<h2 id="chapter1">第一章</h2>
<p>這是一段文不拉不拉不拉...</p>

<h2 id="chapter2">第二章</h2>
<p>這是一段文不拉不拉不拉...</p>


呢？<h2> 的功能跟 <div> 功能一樣嗎？


這只是 HTML 元素而已，後面那個插頁內書籤的你想用啥元素都行。h2 是 headings(大標) 元素中的第二階級，div 是 block-level(區塊層級) 元素，雖然用 CSS 可以弄得看起來一樣，但兩者在文件中的用途不同，最好學一下何時要用哪個比較好，不然寫出來的網頁會有些缺點。

然後把你的部落格丟上來一下，我看不懂你的敘述。
發表人:  a007son [ 2009-01-03, 15:28 ]
文章主題 : 
wini 寫:
然後把你的部落格丟上來一下，我看不懂你的敘述。


這是原檔 - SkyDrive

這是部落格頁面
發表人:  wini [ 2009-01-03, 16:21 ]
文章主題 : 
a007son 寫:
wini 寫:
然後把你的部落格丟上來一下，我看不懂你的敘述。


這是原檔 - SkyDrive

這是部落格頁面


你要注意你放的超連結，最後會連到哪去。

你的 pixnet 網址好像會硬把 #xxx 這樣的連結，導向首頁的網址，而不是單獨頁面的網址，但是因為你的網誌使用了「繼續閱讀」，所以就算跑向首頁也不會移動到插入頁內書籤的位置。

解決的方法是把超連結路徑從「相對位置」的 #A1 換成「絕對位置」的 http://a007son.pixnet.net/blog/post/22804523#A1 ，這樣就會跑進獨立頁的那個位置了。

還有，因為網誌會把數篇文章抓進同一頁中，所以你的 id 名稱最好要再調整，不然以後碰上沒提供繼續閱讀功能的網誌，可能會找不到該移動到哪個頁內書籤。
發表人:  a007son [ 2009-01-03, 22:16 ]
文章主題 : 
謝謝 wini 的指導

wini 寫:
還有，因為網誌會把數篇文章抓進同一頁中，所以你的 id 名稱最好要再調整，不然以後碰上沒提供繼續閱讀功能的網誌，可能會找不到該移動到哪個頁內書籤。


我取的ID太簡陋了...

CSS 裡好像有一個元素也是跟我一樣簡陋...
發表人:  不惑仔Boohover [ 2009-02-16, 23:34 ]
文章主題 : 
經過反應，痞客已修正此項問題，
可以只使用 href="#xxxxx" 了。
發表人:  a007son [ 2009-02-17, 18:07 ]
文章主題 : 
不惑仔Boohover 寫:
經過反應，痞客已修正此項問題


謝謝你回報給痞客邦
第 1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/