2010-08-24 74 views
0

以及我們可以有名稱的錨在我們的頁面,如下面的代碼HTML - 帶自動導航命名錨#

<!---Some HTML Code--> 
<a href="#Mark_1">Mark 1</a> 
<a href="#Mark_2">Mark 2</a> 

<!---After some HTML Code--> 
<a name="Mark_1"> 


<!---After some HTML Code--> 
<a name="Mark_2"> 

這樣,我們提供給上下滾動頁面和所有,但

鏈接

我在網上看過幾次,當你點擊一個鏈接並打開一個新頁面,它包含很多主題,但頁面滾動到所需的位置。

如何來做

例如,在計算器最近的活動時,我們點擊了活動相關頁面被打開,頁面滾動到該活動了許多的...這只是一個例子。我不想計算器是怎麼做的?我想要什麼,這是怎麼做的或者是有任何名稱爲這種技術

+2

您錯過了您的命名錨點的結束標記,並且該技術被贊成「給任何元素賦予id」。 – Quentin 2010-08-24 13:08:50

+0

@David「技術令人f舌......」但它適用於所有瀏覽器 – NullUserException 2010-08-24 16:32:58

+2

對於HTML 4頁面,不需要結束標籤,名稱絕對沒問題。一般來說,我還建議始終使用一個id屬性。 – 2ndkauboy 2010-08-24 16:35:28

回答

3

您可以在任何HTML元素的id屬性的值後添加一個散列。看到這個例子:http://en.wikipedia.org/wiki/Html#Attributes

它直接鏈接到關於「屬性」的部分。在本節中,它還描述了該技術:)

+0

真棒........................... – Moon 2010-08-24 16:55:40

+0

你搖滾人.......... – Moon 2010-08-24 16:56:16

+0

我很開心你的回答的人...我要去你的個人資料和投票的所有問題.... – Moon 2010-08-24 16:56:54

0

你需要

<a href="#Mark_1">Mark 1</a> 

注意哈希

+0

然後編輯問題...不要發佈一個答案 – Moon 2010-08-24 16:39:39

-1

它正在做你正在談論的,一個有名的錨。所以鏈接看起來是這樣的:

<a href="http://stackoverflow.com/questions/3549590/in-depth-ruby-gem-development-resources-book-video-sites/3550910#3550910"></a> 

注意在href中 '#'(... 3550910#3550910),這是命名的一部分。帶你到你想去的地方。

順便說一下在你上面的例子你鏈接到命名錨應

<a href="#Mark_1">Mark 1</a> 

通知散列

+0

我說我不希望如何stackoverflow它...我認爲沒有人讀過這個問題,只是認爲它是一個簡單的事情問和匆忙回答 – Moon 2010-08-24 16:39:16

+0

這一切都很好,但解釋什麼堆棧是同時回答你的問題。這是一個有名的錨,封閉的情況下,不需要downvotes。 – brad 2010-08-24 17:30:33

0

我想你是正確的,但你只需要添加目標屬性。

<a href="#Mark_1" target="_blank">Mark 1</a> 

這將打開一個新頁面的鏈接,並應該位置下來的錨。不過,我通常會在href部分使用完整的網址。