2011-08-18 57 views
3
頁面

上這似乎是一個愚蠢的問題,而是:鏈接到不同的區域

所以我想要做的就是建立一個菜單部分,這樣當用戶在部分的標題點擊什麼會將它們發送到頁面上的特定位置,而不必加快速度。我不完全確定這將如何工作或實現多麼複雜。

所以睡牀簡單我將不得不

菜單

  1. 項目一個(一個鏈接)

  2. 項兩(一個鏈接)

  3. 等(是一個鏈接)

再往頁面

項目一個(在菜單項一個被點擊時頁面出現在這裏)

「這裏其詳細信息」

項目出現兩次(當項目二在菜單中點擊頁面來到這裏)

「details here」

我該如何去做這件事?

任何幫助或建議,非常感謝。謝謝。

+0

如果您對某個答案表示歉意,請解釋原因,否則這會對堆棧社區造成不利影響。 – RSM

+0

我不知道這是針對我還是一般情況,但如果我確實倒下了一個問題,那是非常無意的,特別是因爲我發現所有的問題都是有用的和有用的。另外...我不相信我甚至沒有downvote的權限... – James213

+0

沒有它沒有針對你,抱歉的混亂。這只是一般,因爲我看到一些沒有解釋的downvotes。 – RSM

回答

9

它被稱爲anchor tag,您可以將它與#結合以獲得問題中要求的結果。

只要把:

<a name="section1"></a>

在SECTION1

下一步是開始時那麼無論你要鏈接到它,只需添加:

<a href="#section1">here</a>

請注意,你也可以在一個元素內指向一個ID使用以上方法來達到結果。

例如:

<div id="section1"></div> 

這將幫助你,如果你有任何關於本讓我知道任何其他問題。

+0

您可能更喜歡'id =「anchor」'over'name =「anchor」',請參閱http://stackoverflow.com/questions/484719/html-anchors-with-name-or-id – feeela

+0

這也是如此。不錯的添加 – RSM

+0

你怎麼能做到這一點與其他網頁的鏈接?來自其他頁面的鏈接在'ul'中,但需要像顯示錨標籤一樣顯示。他們目前處於'SELECT CASE'語句中,但它顯示在.htm頁面上。我沒有製作頁面,只是想修復它。 :/ – jlg

7

您可以在鏈接前使用散列('#')來指定它指向同一頁面中的ID或錨點。

實施例:

<a href="#item1">Item 1</a> 

將重定向到同一頁上的以下元件:

<div id="item1">Item one details</div> 

它也將指向以下錨,但通常優選爲指向一個元件帶ID以避免不必要的標記:

<a name="item1">Item one details</a> 

編輯 由於HTML Anchors with 'name' or 'id'?中描述的原因,在HTML5中錨點不應以這種方式使用,因爲name屬性不再存在(根據current specification draft)。

+0

我認爲重要的是要注意,哈希的值應該最好是頁面上存在的ID。我在回答這個問題以表明這是正確的解決方案,而不是添加一個具有name屬性的新錨。另一種方式確實有效,但有點過時。 –

1

如果你問你問我想什麼,你只需要使用錨標籤下下來的頁面這篇文章中here

4

你可以用錨標籤來做到這一點。

在菜單中:

<a href="#item-one">item one</a> 
<a href="#item-two">item two</a> 

進一步下跌的一頁:

<a name="item-one">item one</a> 

...

<a name="item-two">item two</a> 

您可以瞭解更多信息請查看http://www.w3schools.com/HTML/html_links.asp