Einen Link zu einem bestimmten Bereich auf einer anderen Seite bekommen

Question

Das scheint eine furchtbar grundlegende Frage zu sein, also hoffentlich kann jemand diesem schläfrigen Programmierer helfen. Ich habe einen Link auf einer Seite, der auf eine andere Seite gehen muss, aber auf einen bestimmten Abschnitt auf dieser anderen Seite geladen wird.

Ich habe dies vorher mit Bootstrap getan, aber sie nehmen alle "Codierung" aus, so dass ich weiß, wie man von Grund auf neu zu machen. Hier ist die Auszeichnungs ich auf diesen Link basiert haben (nicht die beste Ressource, ich weiß): 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> 

Kann ich dies tun mit nur html, oder muss ich einige Javascript benötigen. Wenn ich es über js tun muss, muss es auf der Zielseite rechts sein?

Answer 1

Ich glaube, das Beispiel, das Sie geschrieben haben, wird unter Verwendung von HTML5, which allows you to Sprung zu jedes DOM-Elemente mit dem passenden ID Attribute. Um älteren Browser zu unterstützen, müssen Sie ändern:

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

Zur alten Format:

<a name="timeline" /> 

Sie werden dann in der Lage sein zu /academics/page.html#timeline navigieren und springen direkt zu diesem Abschnitt.

Überprüfen Sie auch diese similar question.

Answer 2

Ich versuchte die obige Antwort - mit page.html#ID_name gab es mir eine 404 Seite existiert nicht Fehler.

Dann anstelle von .html, legte ich einfach einen Schrägstrich / vor der und das hat gut funktioniert. Also mein Beispiel auf der Sendeseite zwischen den Link-Tags wie folgt aussieht:

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

Nur / anstelle von .html.

Answer 3

Hiii

Sie können einfach verwenden

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

zu einem Abschnitt/id einer anderen Seite zu verknüpfen, indem

Answer 4

von einer Seite auf einen anderen Abschnitt, um eine Verknüpfung nur

verwenden

<a href="index.php#firstdiv">my first div</a>