Webdesign mit (X)HTML und CSS

Für Verweise (hyperlinks) gibt es das a-Element (anchor). Der Wert des href-Attributs (hyper reference) gibt das Verweisziel an. Das a-Element ist ein Inline-Element.

1. <a href="verweisziel">Linktext</a>

Website-externe Verweise

Bei Verweisen, die die eigene Website-Struktur verlassen, wird als Ziel üblicherweise die Domain mit vorangestelltem Protokoll http:// (= Hypertext Transfer Protocol) und eventuell einer Pfadangabe angegeben.

1. <a href="http://www.google.de">Link zur deutschen Website von Google</a>

2. <a href="http://www.google.de/intl/de/about.html">Link zum Bereich »Über Google« auf der deutschen Website von Google</a>


Website-interne Verweise

Für Verweise, die innerhalb der eigenen Website-Struktur bleiben, ist die Referenzierung mit relativen Pfadangaben möglich. Die Angabe erfolgt relativ zum Dokument, in dem sich der Verweis befindet.

Beispiele:

• Verweis auf ein Dokument, das sich in der gleichen Verzeichnisebene befindet:
  1. <a href="example.htm">Verweis zu Dokument im gleichen Verzeichnis</a>
• Verweis auf ein Dokument, das sich in einem Unterverzeichnis befindet:
  
  1. <a href="docs/example.htm">Verweis zu Dokument im Unterverzeichnis</a>
• Verweis auf ein Dokument, das sich in einem übergeordneten Verzeichnis befindet:
  
  1. <a href="../example.htm">Verweis zu Dokument in einem übergeordneten Verzeichnis</a>

  Der Wechsel in ein übergeordnetes Verzeichnis wird durch den Doppelpunkt angezeigt. Es können auch mehrere Ebenenen übersprungen werden (../../../dokument.htm).

• Verweis auf ein Dokument, das sich in einem Parallelverzeichnis befindet:
  
  1. <a href="../docs/example.htm">Verweis zu Dokument in einem Parallelverzeichnis</a>

  Durch den vorangestellten Doppelpunkt wird zunächst in eine höhere Verzeichnisebene gewechselt, durch die Pfadangabe wiederum in die nächsttiefere Ebene.

• Eine weitere Möglichkeit website-interner Verweise ist die Referenzierung mit absoluten Pfadangaben relativ zur Basisadresse. Diese Art der Referenzierung ist nur innerhalb der Struktur eines Webservers möglich. »Mit absoluten Pfadangaben relativ zum Basis-URI referenzieren« bei SELFHTML.  

Sprunglinks

Mit Sprunglinks werden Ziele an einer bestimmten Position innerhalb einer Seite angesprungen. Als Sprungziel dient der Wert des id-Attributs; dieses Ziel wird im href-Attribut mit dem #-Symbol eingeleitet.

1. <a href="#inhalt">Link, der das Element mit id="inhalt" im selben Dokument anspringt.</a>
2. <a href="http://de.selfhtml.org/html/allgemein/referenzieren.htm#relativ">Link, der auf der Website SELFHTML auf der Seite »Referenzieren in HTML« den Bereich über relative Pfadangaben anspringt.</a>