跳轉到一個特定的地方在網頁中

我有這樣的聯繫：跳轉到一個特定的地方在網頁中

<a class="faq_text_header_jump" href="#general_questions">General Questions</a><br> 
    <a class="faq_text_header_jump" href="#how">How do i..</a><br> 
    <a class="faq_text_header_jump" href="#once_you_book">Once you've booked lessons..</a>

和目標，像這樣：

<div class="faq_text_section_header" id="how"><h2>How do I...?</h2></div>

但我的第二和第三個鏈接不工作。

在這裏看到一個例子：http://lessonshark.com/dev1/homes/faq

來源

2012-04-06 cdub

HTML有一個解決方案。

使用

<a name="target">

來標記要跳轉到

<a href="page.html#target">

來源

2012-04-06 07:16:14 Roger

我已經這樣做......並且它不是很有效，只有第一個 – cdub 2012-04-06 07:17:54

現在可以工作嗎？ – Roger 2012-04-06 08:22:04

您在文檔中的某個地方需要命名錨頁面的位置。

要創建一個命名錨，只需使用HTML這樣的：

<a name="anynameyoulike"></a>

然後，您可以跳轉到該點在頁面像這樣一個鏈接：

<a href="#anynameyoulike">Jump to Named Anchor</a>

來源

2012-04-06 07:19:27 ThdK

使用id屬性來指定鏈接的目的地。這是推薦的做法，雖然較舊的<a name=...>...</a>也可以工作，但它更受限制。在任何情況下，你所做的一定不是是用相同的名字指定兩次目的地。目前的標記具有

<a name="how_do_i"> 
    <div class="faq_text_section_header" id="how_do_i" >How do I...?</div></a>

這是按HTML 4.01和XHTML 1.0無效（儘管在HTML5草稿允許的），由於a元件不能包含div元件。更嚴重的是，這使得how_do_i雙重定義，可以導致任何事情。修復此只是

<div class="faq_text_section_header" id="how_do_i" >How do I...?</div>

，並確保您的鏈接使用href="#how_do_i"（像現在一樣，但問題否則說的）。考慮讓div和h2（並相應地調整樣式表），因爲它實際上是一個標題。

還要注意的是，在鏈接，

<a class="faq_text_header_jump"href="#how_do_i">How do i..</a>

應該href之前有一個空格。這只是形式化的語法，但最好是正確的，以便您可以高效地使用驗證程序。

來源

2012-04-06 10:29:14

跳轉到一個特定的地方在網頁中

回答

相關問題