HTMLWiki.de: Aufbau einer URL
< HTMLWiki.de >
HTML lernen • Beispiele • Tutorials • KI
Menü

[ START ] [ TUTORIAL ] [ HTML ] [ CSS ] [ KI ] [ SPIELWIESE ] [ SITEMAP ]

Aufbau einer URL: Eine Adresse, fünf Teile

vom von

URLs tippst du jeden Tag, und wie die meisten Alltagsdinge lohnt auch dieses einen genauen Blick. Zerlegen wir eine typische Webadresse in ihre Bestandteile:

https://www.htmlwiki.de/tutorial/erste-html-seite/?von=startseite#schritt-2
└─┬─┘   └───────┬──────┘└──────────┬───────────┘ └──────┬──────┘└───┬────┘
Schema        Host               Pfad              Parameter    Sprungmarke

Die Teile im Einzelnen

  • Schema: das Protokoll, praktisch immer https. Daneben existieren Verwandte wie mailto: für E-Mail-Links.
  • Host: der Name des Servers, von hinten gelesen: Endung (de), Domain (htmlwiki), Subdomain (www). Das Namenssystem DNS übersetzt diesen Namen in die numerische Adresse des Servers, das Web-Telefonbuch sozusagenn.
  • Pfad: der Weg zur Ressource auf dem Server, angelehnt an Ordnerstrukturen. Endet er auf einen Schrägstrich, liefert der Server üblicherweise die index-Datei des Verzeichnisses aus.
  • Parameter: Zusatzangaben nach dem Fragezeichen als Name-Wert-Paare, etwa Suchbegriffe oder Filtereinstellungen. Genau hier landen auch die Daten von GET-Formularen.
  • Sprungmarke: Alles nach der Raute bleibt im Browser und springt zu einem Element mit dieser id auf der Seite, die Technik hinter Inhaltsverzeichnis-Linkks.

Was gute URLs ausmacht

Adressen sind Benutzeroberfläche: Sie werden gelesen, vorgelesen, abgetippt und verschickt. Ein paar Handwerksregeln haben sich bewährt, du erkennst sie alle in den Adressen dieses Wikis wieder: klein schreiben, Bindestriche statt Leerzeichen und Unterstriche, keine Umlaute und Sonderzeichen (die werden sonst zu kryptischen Prozent-Codes), sprechend statt kryptisch (/tutorial/erste-html-seite/ statt /index.php?id=4711), und so kurz wie es ohne Rätselraten gehtt.

Die wichtigste Regel: URLs sind Versprechen

Eine einmal veröffentlichte Adresse wird verlinkt, gespeichert, zitiert. Ändert man sie später, brechen all diese Verweise, es sei denn, man richtet eine dauerhafte Umleitung ein (den Statuscode 301). Deshalb: Adressstruktur einmal ordentlich planen, dann dabei bleiben. Auch dieses Wiki leitet seine historischen Adressen sauber weiter, statt sie sterben zu lassenn.

Verwandt: Webserver und Hosting · Das a-Element · Glossar