imported>Itangast: /* Beispiel */ typo

2024-10-14T21:03:23Z

Beispiel: typo

Neue Seite

Ein '''Anker''' bezeichnet eine [[Sprungmarke]] innerhalb eines [[HTML-Dokument]]s. In der [[Hypertext]]-Theorie steht der Begriff ''Anker'' generell für den Anfangs- und Endpunkt eines [[Hyperlink]]s. Der Anfangspunkt wird durch ein Querverweis-[[HTML-Element|Element]] mit einem <code>href</code>-[[Attribut (Auszeichnungssprache)|Attribut]] (hypertext reference) und der Endpunkt, Zielpunkt, durch ein Element mit einem <code>id</code>-[[Attribut (Auszeichnungssprache)|Attribut]] ([[Identifikator]]) definiert.

In [[Hypertext Markup Language|HTML]]-Versionen vor [[HTML5]] konnten diese Sprungmarken auch mithilfe des <code>a</code>-Elementes, das ein <code>name</code>-Attribut bekam, realisiert werden.<ref>{{Internetquelle |url=https://www.w3.org/TR/html401/struct/links.html#h-12.1.3 |titel=HTML4, Introduction to links and anchors |werk=W3C |sprache=en |abruf=2024-01-27}}</ref> Der Name des <code>a</code>-Elementes wurde von ''anchor'' (englisch für „Anker“) hergeleitet. Mit HTML5 wurde generell das <code>id</code>-Attribut als Sprungmarke festgelegt.

Dadurch, dass eine Sprungmarke innerhalb einer [[Uniform Resource Locator|URL]] vorkommen kann, lässt sich ein Unterabschnitt eines Dokuments (engl. ''fragment'')<ref>{{internetquelle |autor= |hrsg=Dave Raggett, Arnaud Le Hors, Ian Jacobs, [[W3C]]-Consortium |url=https://www.w3.org/TR/html4/struct/links.html#anchors |titel=12 Links – 12.2 The A element |werk=HTML 4.01 Specification W3C Recommendation 24 December 1999 |datum= |zugriff=9. Oktober 2008 |format= |sprache=en }}</ref> direkt durch einen Hyperlink adressieren.

== Beispiel ==

Beispielsweise kann für einen Unterabschnitt eine Sprungmarke wie folgt definiert werden:
<syntaxhighlight lang="html">

<h2 id="Ankername">Überschrift</h2>
</syntaxhighlight>

Zum Vergleich, in älteren HTML-Versionen wurde die Sprungmarke wie folgt definiert:

<syntaxhighlight lang="html">
<h2><a name="Ankername">Überschrift</a></h2>
</syntaxhighlight>

Mit einem Hyperlink kann jetzt auf diese Sprungmarke verwiesen werden. Dazu wird die Sprungmarke mit dem URL-[[Fragmentbezeichner]] <code>#</code> ([[Rautezeichen]]) kodiert:<ref>{{internetquelle |autor= |url=https://www.w3.org/TR/html4/intro/intro.html#fragment-uri |titel=2 Introduction to HTML 4 – 2.1.2 Fragment identifiers |werk=HTML 4.01 1999 |hrsg=W3C |datum= |format= |sprache=en |zugriff=9. Oktober 2008}}</ref>

<syntaxhighlight lang="html">
<a href="#Ankername">Link</a>
</syntaxhighlight>

Verweis auf eine Sprungmarke in einem anderen Dokument:

<syntaxhighlight lang="html">
<a href="seite.html#Ankername">Link</a>
</syntaxhighlight>

Verweis auf eine Sprungmarke in einem anderen Dokument mit Parameter:

<syntaxhighlight lang="html">
<a href="seite.php?name=value#Ankername">Link</a>
</syntaxhighlight>

Beim Aktivieren dieser Links öffnet der Browser das referenzierte HTML-Dokument und wählt durch [[Scrolling|Scrollen]] den Anker an.

== Weblinks ==
*[https://wiki.selfhtml.org/wiki/HTML/Tutorials/Links/Seiteninterne_Verweise SELFHTML zu Ankern]

== Einzelnachweise ==
<references />

[[Kategorie:HTML]]

Anker (HTML) - Versionsgeschichte

imported>Itangast: /* Beispiel */ typo