Angeben der Dokumentbasis-URL mit HTML Element
Websites werden mit einer Reihe von Links erstellt, die auf Seiten und Quellen wie Bilder und Stylesheets verweisen. Es gibt zwei Möglichkeiten , die URL anzugeben, die mit diesen Quellen verknüpft ist : entweder einen absoluten Pfad oder einen relativen Pfad.
Der absolute Pfad bezieht sich auf ein bestimmtes Ziel. In der Regel www.domain.com/destination/source.jpg
mit dem Domänennamen (zusammen mit HTTP) wie www.domain.com/destination/source.jpg
. Der relative Pfad ist das Gegenteil: Das Linkziel hängt vom Stammort oder in den meisten Fällen vom Domainnamen Ihrer Website ab.
Ein typischer relativer Pfad würde wie folgt aussehen:
Wenn Ihre hongkiat.com
beispielsweise hongkiat.com
ist, wird der hongkiat.com
auf hongkiat.com//hideout-lastation.com/img/tech-design-tips/809/specifying-document-base-url-with-html-base-element.png
. Sie sollten dies verstehen, wenn Sie die Website für eine Weile entwickeln.
Aber die meisten von euch haben wahrscheinlich noch nichts von der Element. Dieses HTML-Tag gibt es schon seit HTML4, aber von seiner Implementierung in freier Wildbahn ist wenig zu sehen. W3C beschreibt dieses Element als:
"Mit dem Basiselement können Autoren die URL der Dokumentenbasis für die Auflösung relativer URLs und den Namen des Standard-Browsing-Kontextes für nachfolgende Hyperlinks angeben."
Dies element entscheidet grundsätzlich über die Basis-URL für den relativen Pfad in Webseiten. Anstatt vom Root-Standort oder der Domain Ihrer Website abhängig zu sein, können Sie sie auf eine andere Stelle verweisen, etwa auf die URL, in der sich Ihre Ressourcen in CDN (Content Delivery Network) befinden. Mal sehen, wie das eigentlich funktioniert.
Verwenden des Basiselements
Das ist entlang der Seite definiert und Tags innerhalb der
. Im folgenden Beispiel legen wir die Basis-URL für Google fest.Diese Spezifikation wirkt sich auf alle Pfade innerhalb des Dokuments aus, einschließlich einer, die im Attribut href
und im src
der Bilder angegeben ist. Angenommen, wir haben ein Stylesheet, Bilder und Links in der Dokumentgruppe mit einem relativen Pfad wie diesem, zum Beispiel:
Obwohl sich unsere Webseite unter dem Namen demo.hongkiat.com
befindet, demo.hongkiat.com
der relative Pfad auf hongkiat.maxcdn.com
Etikett. Versuchen Sie, den Mauszeiger über den Link zu bewegen, und der Browser zeigt Ihnen, wohin der Pfad gerade führt.
Alle relativen Pfade werden schließlich sein:
Festlegen des Standard-Link-Ziels
Neben der Definition der Basis-URL, der Das Tag kann auch das Standard-Linkziel über das target
festlegen. _blank
, Sie möchten, dass der gesamte Link im Dokument in der neuen Registerkarte des Browsers geöffnet wird, und das target
mit _blank
.
Einschränkungen
Das Das Tag enthält jedoch in einigen Fällen einige Vorbehalte:
Zuerst die Browser-Unterstützung ist großartig; Es funktioniert in IE6. Aber, IE6 denkt, dass es ein schließendes Tag erfordert . Dies könnte zu einem Hierarchieproblem im Dokument führen, wenn das schließende Tag nicht angegeben wird. Eine einfache und schnelle Möglichkeit, dieses Problem zu beheben, ist das Hinzufügen Schließen in einem Kommentar, .
Wenn Sie #
in Verbindung mit dem verwenden Um mit Abschnitten innerhalb des Dokuments zu verknüpfen, tritt möglicherweise ein Problem in Internet Explorer 9 auf. Anstatt zum angegebenen Abschnitt zu wechseln, lädt Internet Explorer 9 die Seite neu.
Darüber hinaus führt ein leerer href
zur Basis-URL und nicht zum aktuellen Verzeichnis, in dem sich die Seite befindet (dies ist das Standardverhalten des Browsers), was zu unerwarteten Problemen führen kann.
Einpacken
Das ist eine praktische HTML-Funktion, die die Linkreferenzierung in einem Webdokument vereinfachen kann. Verwenden Sie das Etikett vorsichtig, um die Fallgruben zu minimieren. Befolgen Sie diese Referenz unten für mehr auf der Etikett:
- Absolute und relative URLs - MSDN
- HTML-Basiselement - W3C
Verwenden von Git auf Android - kostenlose Tools und Anleitungen
Die größte Herausforderung, aber auch der Bedarf an Freelancern und Remote-Teams ist es, heutzutage mobil zu sein. Obwohl mobile Code-Editoren den Entwicklern von unterwegs helfen, ohne mobile Unterstützung für Versionskontrollsysteme wie Git, verwenden Entwickler solche IDEs kaum.Es gibt jedoch einige Apps zum Einrichten und Verwenden von Git-Repositories auf Android-Plattformen . Gi
Tools zum Erstellen von Hochzeitsfoto-Diashows - Best Of
Ihre Hochzeit ist eines der größten Ereignisse in Ihrem Leben, und Sie werden Ihre Erinnerungen auf jeden Fall für immer behalten wollen. Um die Geschichte Ihrer Liebe zu erzählen, kann ein professioneller Hochzeitsfotograf für Sie eine wunderschöne Hochzeitsfoto-Diashow erstellen. Aber, warum hängen Sie von einem teuren Hochzeitsdiashowservice ab, wenn Sie es auch tun können?Es gibt