Eine Einführung in die Rolle und Verwendung des <base>-Tags in HTML-HTML-Tutorial-php.cn

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

黄舟

Freigeben： 2017-06-19 17:57:25

Original

2168 Leute haben es durchsucht

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!