Heim Web-Frontend HTML-Tutorial Eine Einführung in die Rolle und Verwendung des -Tags in HTML

Eine Einführung in die Rolle und Verwendung des -Tags in HTML

Jun 19, 2017 pm 05:57 PM
base html 作用 um 标签

Ich verstehe die Beschreibung nicht, also geben Sie mir bitte eine Expertenantwort

Normalerweise extrahiert der Browser die entsprechenden Elemente aus der URL des aktuellen Dokuments, um die Lücken in der relativen URL zu füllen
Diesen Satz verstehe ich auch nicht

, um eine URL-Adresse zu formulieren. Unter einem bestimmten Ordner
rufen Sie Bilder auf , Musik usw., ohne den gesamten Ordner auszufüllen. Geben Sie einfach den Bildnamen und den Songtitel ein, und es wird automatisch aus dem oben angegebenen Ordner gefunden. Das Tag

gibt die Standardadresse oder das Standardziel für alle Links auf der Seite an.
Normalerweise füllt der Browser die Lücken in einer relativen URL, indem er die entsprechenden Elemente aus der URL des aktuellen Dokuments extrahiert.
Verwenden Sie das Tag , um dies zu ändern. Der Browser verwendet dann nicht mehr die URL des aktuellen Dokuments, sondern die angegebene Basis-URL, um alle relativen URLs aufzulösen. Dazu gehören URLs in den Tags , , , <form>.

Test:

1: Der Link-Pfad, der vor dem Basis-Tag platziert wird, kann einen relativen Pfad verwenden und ist relativ zum aktuellen Pfad,
, aber der Link, der danach platziert wird, wird verwendet ein relativer Pfad. Der relativ zur Basis angegebene Pfad.
2: Nach Verwendung des Basis-Tags ist der relative Pfad des Links im Textkörper relativ zu dem durch Basis angegebenen Pfad.
3: Nach Verwendung des Basis-Standardziels wird die nachfolgende Öffnungsmethode in der durch Basis angegebenen Methode geöffnet, sofern die Öffnungsmethode nicht später definiert wird.
Zusammenfassung: Base definiert tatsächlich eine Standardadresse und ein Standardziel. Alle Linkelemente danach funktionieren.

Das Basis-Tag ist ein Basis-Link-Tag und ein einzelnes Tag. Wird verwendet, um den Parameterstandardwert für alle Link-Tags im Dokument zu ändern. Es kann nur zwischen den Tags <head> angewendet werden.
Alle relativen Pfade auf Ihren Webseiten werden mit der Adresse verlinkt, auf die der Basislink davor verweist. Das

base-Element kann die Basis-URL aller Links auf der Seite angeben
Wir können das hrefAttribut im -Tag verwenden, um alle „relativen Basis-URLs“ festzulegen. .

Dies ist der Code auf der JSP-Seite
Mit dem -Tag in der HTML-Datei:

<%
String path = request.getContextPath();
// 获得项目完全路径(假设你的项目叫myWork,那么获得到的地址就是 http://localhost:8080/myWork/):
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
// 将 "项目路径basePath" 放入pageContext中
%>
<html>
<head>
<base href=" <%=basePath%>">
//base只能应用于标记<head>与</head>之间
</head>
// 这里我们就可以直接使用相对路径(即: 相对于base标签)
<a href="jsp/login.jsp">Login </a>
</html>
当我们去执行上面的那段JSP代码后,我们可以在浏览器中可以查看,他所返回给客户端的html代码:
执行完上述JSP后,所返回的html代码如下:
<html>
<head>
<base href="http://localhost:8080/myWork/">
</head>
// 设置了 <base>后,相对路径,相对于的就是base中的路径,而不再是浏览器地址的请求路径啦~~~
<a href="jsp/login.jsp">Login </a>
</html>
Nach dem Login kopieren

Wir können sehen, dass der von JSP zurückgegebene HTML-Code enthält ; base href="http://localhost:8080/myWork/">content.
Mit anderen Worten, in dieser HTML-Datei sind alle „relativen Links (z. B. )“ Pfade relativ zur Basis
(z. B. http: //localhost:8080/myWork/)

Das obige ist der detaillierte Inhalt vonEine Einführung in die Rolle und Verwendung des -Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles