Kann ein Div werden verankert?

Anker wurden lange eingesetzt, auf bestimmte Teile der Webseiten verlinken. Ein Anker besteht aus einen Hyperlink erstellt von Anchor-Tags und ein Element--Überschriften, Absätze, Bilder und div-Tags, um ein paar Beispiele--zu nennen, der eine ID enthält. Solange ein Div eine ID hat, kann es verwendet werden als Anker.

HTML-Anker

Ein HTML-Anker verwendet die "< a >" Ankertags durch seinen "Namen" oder "ID" Attribut zu jedem Element zu verknüpfen. Obwohl "Name" in der Vergangenheit verwendet wird wurde, wird Nutzung der "ID" eine bewährte Methode angesehen, da "Name" jetzt eine veraltete--nicht aktuelle--Attribut in HTML 4 und höher ist. Anstatt einen Link, der auf einen Dateipfad verweist, können Sie Verknüpfung zu jedem HTML-Element-ID oder Name erstellen.

Verwendungen von Anker

Anker werden normalerweise auf Webseiten verwendet, die große Mengen an Text enthalten. Auf einer Webseite, die viele Abschnitte mit Zwischenüberschriften verfügt, können Sie eine Liste mit Hyperlinks erstellen, die als Inhaltsverzeichnis dienen. Jeder Hyperlink würde auf eine Überschrift-Tag oder Div durch seine ID. Eine weitere Verwendungsmöglichkeit der Anker ist die Schaffung von "Links, die den Benutzer zurück an die Spitze einer langen Webseite die reduziert die Notwendigkeit zum Scrollen nehmen springen". Es ist auch möglich, zu einem bestimmten Teil einer anderen Seite zu verbinden.

Verankerung ein Div

Ein Div eine ID hinzufügen können Sie mithilfe von "< a >" Tags darauf zu verlinken:

< Div Id = "My_stuff" >

Content...

< / Div >

Die ID ist jetzt mit Anchor-Tags, Stylesheets und JavaScript erreichbar. Haben Sie ein Div, das bereits eine ID enthält, müssen Sie diese ID verwenden.

Verknüpfen mit einem Div-Anker

Die Methode vorangestellt für Sie erstellen eine Verknüpfung auf ein verankertes Element umfasst das Festlegen des Attributs "Href" ein paar "< a >" Tags auf den ID-Namen ein Hash-Symbol:

< a Href = "#my_stuff" > gehen Sie zu My Stuff </a >< a href="page2.html#mystuff" > gehen Sie zu My Stuff auf Seite 2 </a >

Der erste Link wird der Benutzer auf das Element mit der ID "My_stuff," senden, so lange, wie es auf der gleichen Seite ist, die im Browser angezeigt wird. Der zweite Link eine andere Seite im Browser lädt und springen zu den "My_stuff" div.