web-dev-qa-db-ja.com

別のページの特定のセクションに移動するためのリンクを取得する

あるページに別のページに移動する必要があるリンクがありますが、その別のページの特定のセクションにロードします。

以前にbootstrapでこれを実行しましたが、それらはすべての「コーディング」を取り除いているため、最初から行う方法を知る必要があります。このリンクに基づいてマークアップを示します(最高のリソースではない、私は知っています): http://www.w3schools.com/html/html_links.asp

**Page One**
<a href="/academics/page.html#timeline> Click here </a>
**Page I am linking to**
<div id="timeline" name="timeline"> ... </div>

HTMLだけでこれを行うことはできますか、それともJavaScriptが必要ですか? JSを介して実行する必要がある場合は、ターゲットページに配置する必要があります。

12
ledgeJumper

あなたが投稿した例はHTML5を使用していると思います これにより可能 ジャンプany一致するIDを持つDOM要素属性。古いブラウザをサポートするには、次を変更する必要があります。

<div id="timeline" name="timeline" ...>

古い形式に:

<a name="timeline" />

その後、/academics/page.html#timelineに移動し、そのセクションに直接ジャンプできます。

また、これをチェックしてください 類似の質問

17

Hiii

あなたは単に使用することができます

 <a href="directry/filename.html#section5" >click me</a>

別のページのセクション/ IDにリンクするには

5
mayur nandu

上記の答えを試してみました-page.html#ID_nameを使用して404ページが存在しませんエラーを返しました。

次に、.htmlを使用する代わりに、/の前にスラッシュ#を置くだけで、うまくいきました。したがって、リンクタグ間の送信ページの私の例は次のようになります。

<a href= "http://my website.com/target-page/#El_Chorro">El Chorro</a>

/の代わりに.htmlを使用してください。

0
Juliette