Wie verwende ich ein HTML-Basis-Tag? Zusammenfassung der Verwendung des HTML-Basis-Tags-HTML-Tutorial-php.cn

Wie verwende ich ein HTML-Basis-Tag? Zusammenfassung der Verwendung des HTML-Basis-Tags

寻∝梦

Freigeben： 2018-09-05 11:39:12

Original

4139 Leute haben es durchsucht

In diesem Artikel geht es hauptsächlich um die Verwendung des HTML-Basis-Tags sowie um die spezifischen Verwendungsbeispiele des HTML-Basis-Tags. Schauen wir uns als Nächstes gemeinsam diesen Artikel an

Machen wir uns zunächst mit dem HTML-Basis-Tag vertraut:

gibt die Standardadresse oder das Standardziel für alle Links auf der Seite an.

Normalerweise extrahiert der Browser die entsprechenden Elemente aus der URL des aktuellen Dokuments, um die Lücken in der relativen URL zu füllen.

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 , Wie verwende ich ein HTML-Basis-Tag? Zusammenfassung der Verwendung des HTML-Basis-Tags , und

Hinweis: Das -Tag muss sich innerhalb des Head-Elements befinden.

Es gibt auch eine Einführung in das HTML-Basis-Tag-Attribut:

Wie verwende ich ein HTML-Basis-Tag? Zusammenfassung der Verwendung des HTML-Basis-Tags

Schauen wir uns jetzt ein Beispiel an:

<head>
<base href="//m.sbmmt.com/" />
<base target="_blank" />
</head>
<body>
<img  src="eg_smile.gif" / alt="Wie verwende ich ein HTML-Basis-Tag? Zusammenfassung der Verwendung des HTML-Basis-Tags" >
<a href="//m.sbmmt.com">PHP中文网</a>
</body>

Nach dem Login kopieren

Kennen Sie die Wirkung dieser Codes? Schauen wir uns nun den tatsächlichen Effekt im Browser an:

Wie verwende ich ein HTML-Basis-Tag? Zusammenfassung der Verwendung des HTML-Basis-Tags

Da ich nicht den richtigen Bildpfad eingegeben habe, wird dieser Effekt angezeigt. Sie können ihn sich ansehen Richtiger Weg.

Sehen wir uns nun die Verwendung des HTML-Basis-Tags an:

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 und

angewendet werden.

Allen relativen Pfaden auf Ihren Webseiten wird beim Verlinken die Adresse vorangestellt, auf die der Basislink verweist.

Das Basiselement kann die Basis-URL aller Links auf der Seite angeben

Wir können das href-Attribut im -Tag verwenden, um alle „relativen Basis-URLs“ festzulegen.

Dies ist der JSP-Code

verwendet das -Tag in der HTML-Datei:

Der Code lautet wie folgt:

<%
String path = request.getContextPath();
// 获得项目完全路径（假设你的项目叫myWork，那么获得到的地址就是 http://localhost:12138/myhtml/）:
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>

Nach dem Login kopieren

Wenn wir Führen Sie das obige aus. Nach diesem Teil des JSP-Codes können wir den an den Client zurückgegebenen HTML-Code im Browser anzeigen:

Nach der Ausführung des obigen JSP lautet der zurückgegebene HTML-Code wie folgt:

<html>
<head>
<base href="http://localhost:12138/myhtml/">
</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 den Inhalt von enthält.

Mit anderen Worten, in dieser HTML-Datei sind alle „relativen Links (zum Beispiel: )“ Pfade relativ zur Basis (d. h.: http: //localhost:12138/myhtml/)

Okay, das Obige ist die Einführung in die Verwendung des HTML-Basis-Tags in diesem Artikel (wenn Sie mehr HTML-Kenntnisse sehen möchten, willkommen auf der chinesischen PHP-WebsiteHTML-Video-Tutorial), wenn Sie Fragen haben, können Sie diese unten stellen.

[Empfehlung des Herausgebers]

Welche Attribute hat das HTML-Eingabe-Tag? Zusammenfassung der Verwendung des Eingabe-Tags (mit Beispielen)

Wie stelle ich die Höhe des Label-Tags in HTML ein? Einführung in die Verwendung von Etiketten-Tags

Das obige ist der detaillierte Inhalt vonWie verwende ich ein HTML-Basis-Tag? Zusammenfassung der Verwendung des HTML-Basis-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!