MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2024-03-19, 15:36

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 11 篇文章 ] 
發表人 內容
文章發表於 : 2009-01-02, 22:49 
離線
頭像

註冊時間: 2008-01-15, 14:11
文章: 448
書籤是指在此頁連結可以直接跳至該行去的那個書籤(聽有嗎?

--

我表達能力也很爛...


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.5.30729)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2009-01-02, 23:33 
離線
[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220
元素要先有 name 或 id 其中一種屬性,並給予適當格式的值(名稱),才能用頁內定錨還啥的連結方式。

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


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

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

另外也可以跨文件連結。

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
(本帳號停用中)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2009-01-03, 09:10 
離線
頭像

註冊時間: 2008-01-15, 14:11
文章: 448
wini 寫:
元素要先有 name 或 id 其中一種屬性,並給予適當格式的值(名稱),才能用頁內定錨還啥的連結方式。

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


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


所以是這樣寫囉?

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


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.5.30729)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2009-01-03, 14:21 
離線
[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220
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>

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
(本帳號停用中)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2009-01-03, 14:38 
離線
頭像

註冊時間: 2008-01-15, 14:11
文章: 448
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;


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.5.30729)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2009-01-03, 15:10 
離線
[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220
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 可以弄得看起來一樣,但兩者在文件中的用途不同,最好學一下何時要用哪個比較好,不然寫出來的網頁會有些缺點。

然後把你的部落格丟上來一下,我看不懂你的敘述。

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
(本帳號停用中)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2009-01-03, 15:28 
離線
頭像

註冊時間: 2008-01-15, 14:11
文章: 448
wini 寫:
然後把你的部落格丟上來一下,我看不懂你的敘述。


這是原檔 - SkyDrive

這是部落格頁面


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.5.30729)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2009-01-03, 16:21 
離線
[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220
a007son 寫:
wini 寫:
然後把你的部落格丟上來一下,我看不懂你的敘述。


這是原檔 - SkyDrive

這是部落格頁面


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

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

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

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

_________________
【Firefox 有問題請先看這裡】
回覆文章的建議
萬用自我檢測除錯大法 for Firefox
完全備份大法 for Firefox
重建 Firefox 的設定
乾淨升級 Firefox
(本帳號停用中)


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2009-01-03, 22:16 
離線
頭像

註冊時間: 2008-01-15, 14:11
文章: 448
謝謝 wini 的指導

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


我取的ID太簡陋了...

CSS 裡好像有一個元素也是跟我一樣簡陋...


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.5.30729)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2009-02-16, 23:34 
離線

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩
經過反應,痞客已修正此項問題
可以只使用 href="#xxxxx" 了。

_________________
時間,人為與自然的衝突。~不惑仔


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2009-02-17, 18:07 
離線
頭像

註冊時間: 2008-01-15, 14:11
文章: 448
不惑仔Boohover 寫:
經過反應,痞客已修正此項問題


謝謝你回報給痞客邦


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6 (.NET CLR 3.5.30729)
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 11 篇文章 ] 

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 6 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
cron
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群