Absolute und relative Bezüge für HTML5 und CSS3 Programmierung

Es gibt mehr als eine Art von Adresse, wenn in HTML5 und CSS3 Programmierung. Sie sind wahrscheinlich mit absoluten Bezügen, für Links auf externe Seiten. Eine andere Art von Referenz - eine relative Referenz - verbindet mehrere Seiten innerhalb Ihrer eigenen Website.

Absolute Referenzen

Die Art der Verbindung in basicLinks.html verwendet wird, ist ein absolute Referenz. Absolute Referenzen beginnen immer mit dem Protokollnamen. Eine absolute Referenz ist die vollständige Adresse auf einer Webseite, wie Sie in der Browser-Adressleiste verwenden möchten. Absolute Referenzen werden verwendet, um eine Website zu verweisen woanders im Internet.

Selbst wenn Ihre Website bewegt (sagen wir, von Ihrem Desktop-Rechner auf einem Web-Server irgendwo im Internet), die alle die absoluten Referenzen wird gut funktionieren, weil sie auf die Position der aktuellen Seite für Informationen verlassen Sie sich nicht.

Relative Referenzen

Relative Referenzen werden verwendet, wenn Ihre Website mehr als eine Seite enthält. Sie können wählen, für die Bewegung unter ihnen mehrere Seiten und einen Verbindungsmechanismus zu haben.

bild0.jpg

Die Seite ist nicht so interessant, auf seine eigene, aber es ist nicht allein zu stehen soll. Wenn Sie einen der Links klicken, gelangen Sie auf eine brandneue Seite. Hier ist, was passiert, wenn man den Markt Link klicken.

image1.jpg

Die Markt Seite ist ziemlich einfach, aber es enthält auch einen Link zurück auf die erste Seite. Die meisten Websites sind nicht einzelne Seiten überhaupt, aber ein miteinander verbundenes Netz von Seiten. Die relative Referenz ist sehr nützlich, wenn Sie eine Reihe von Seiten mit Interlacing Links haben.

Der Code für pigs.html zeigt, wie relativ Referenzen zu arbeiten:

pigs.html

Reiseziele von Porcine Säugetiere

  • Dieses kleine Schwein ging zuMarkt
  • Dieses kleine Schwein bliebZuhause.
  • Dieses kleine Schwein hatteRoastbeef
  • Dieses kleine Schwein hattekeiner.
  • Dieses kleine Schwein ging"Wee Wee Wee"den ganzen Weg nach Hause.

Der meiste Code ist völlig vertraut. Das einzige, was überraschend ist, was ist nicht Dort. Nehmen Sie einen näheren Blick auf einen der Links:

 Zuhause.

Es gibt kein Protokoll (der Teil) und die Adresse überhaupt, nur einen Dateinamen ein. Das ist ein relative Referenz. Relative Referenzen zu arbeiten, indem die Adresse der aktuellen Seite übernehmen. Wenn der Benutzer klickt, der Browser kein Protokoll sieht, so wird davon ausgegangen, dass market.html auf dem gleichen Server wie im gleichen Verzeichnis ist.

Relative Verweise funktionieren wie Richtungen. Zum Beispiel, wenn Sie in einem Labor sind und fragen, wo der Brunnen ist, könnte jemand sagen, # 147-Go in den Flur, links abbiegen und wieder links am Ende des nächsten Gang. # 148- Diese Richtungen gelangen Sie zum Wasserbrunnen, wenn Sie an der richtigen Stelle beginnen. Wenn Sie irgendwo anders sind und Sie die folgenden Anweisungen, werden Sie die Wasserfontäne nicht finden.

Relative Verweise funktionieren gut, wenn Sie eine Reihe von miteinander verbundenen Web-Seiten haben. Wenn Sie eine Menge von Seiten über das gleiche Thema erstellen und sie im gleichen Verzeichnis setzen, können Sie relative Bezüge zwischen den Seiten. Wenn Sie sich entscheiden, um Ihre Seiten auf einen anderen Server zu verschieben, alle Links immer noch korrekt funktionieren.

Oft ist es am bequemsten zu erstellen und Ihre Seiten auf der lokalen Maschine zu ändern und sie dann an den Webserver versendet für die Welt zu sehen. Wenn Sie relative Bezüge verwenden, ist es leicht, eine Gruppe von Seiten zu bewegen, zusammen und kennen die Links werden immer noch funktionieren.

Wenn Sie auf eine Seite, auf jemand anderen Seite sich beziehen, müssen Sie eine absolute Referenz verwenden. Wenn Sie zu einer anderen Seite auf Ihrer Website verknüpfen, verwenden Sie in der Regel eine relative Referenz.

Menü