base target="" steuert den Ziel-Open-Frame des Links

base target="" steuert den Ziel-Open-Frame des Links
<base target=_blank> ändert den Zielrahmen des Basislinks auf eine neue Seite. Wenn Sie mit HTML, CSS und JS nicht sehr vertraut sind, ist es nicht empfehlenswert, diese Methode zu verwenden und stattdessen eine unabhängige Steuerung zu verwenden.

Tatsächlich unterstützen viele Tags wie <a> und <form> das Attribut target="black". Es wird empfohlen, es in solchen Tags separat festzulegen, zum Beispiel:

Code kopieren
Der Code lautet wie folgt:

<a href="xxx.htm" target="_blank">Hyperlink-Inhalt</a>
<form action="xxx.htm" target="_blank">Ausdrucksinhalt<input type="submit" value="Senden-Schaltfläche"></form>

Wenn dieser Satz nicht hinzugefügt wird, wird standardmäßig die aktuelle Seite aktualisiert, d. h. target="_self".

Code kopieren
Der Code lautet wie folgt:

<Basisziel=Rechts>

Die Funktion dieser Anweisung besteht darin, target=Right zu allen <a href=...>-Linkanweisungen hinzuzufügen, die kein Ziel angeben. Dies hat nichts mit Ihrem <select> zu tun.

Ihr ursprüngliches Programm sieht beispielsweise wie folgt aus:

Code kopieren
Der Code lautet wie folgt:

<Basisziel=Rechts>
<a href=p1.html>Seite 1</a>

<a href=p2.html>Seite 2</a>

<a href=i1.html target=_blank>Startseite</a>

<a href=i2.html target=_self>Aktualisieren</a>


Dann ist der folgende Code völlig gleichwertig:

Code kopieren
Der Code lautet wie folgt:

<a href=p1.html target=Right>Erste Seite</a>

<a href=p2.html target=Right>Seite 2</a>

<a href=i1.html target=_blank>Startseite</a>

<a href=i2.html target=_self>Aktualisieren</a>


Es hat keine Auswirkung auf anderen Code. Das obige target=Right bedeutet im Frame mit dem Namen Right (oder FRAME). Wenn es kein Fenster mit dem Namen Right gibt, öffnen Sie ein neues Fenster und nennen Sie es Right. Wenn Sie das nächste Mal andere Seiten mit Right öffnen, werden sie in diesem Fenster geöffnet. target=_blank bedeutet Öffnen in einem neuen Fenster, target=_self bedeutet Öffnen im aktuellen Fenster.

<<:  Responsive Webdesign lernen (3) - So verbessern Sie die Leistung von Webseiten auf Mobilgeräten

>>:  CSS3 verwendet Transform, um eine bewegliche 2D-Uhr zu erstellen

Artikel empfehlen

Analyse des Implementierungsprozesses für die Tomcat maxPostSize-Einstellung

1. Warum maxPostSize festlegen? Der Tomcat-Contai...

So implementieren Sie die Vervollständigung leerer Zellen in HTML-Tabellen

Als ich mir selbst die Webentwicklung beibrachte,...

Mobile Frontend-Anpassungslösung (Zusammenfassung)

Ich habe online gesucht und festgestellt, dass in...

Praktischer Bericht über die Entwicklung von Vue3- und TypeScript-Projekten

Inhaltsverzeichnis Überblick 1. Kompositions-API ...

Detaillierte Erklärung der Lösung für verweigerte Berechtigungen in Linux

Zugriff verweigert: Der Grund hierfür ist: Es lie...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.13

In diesem Artikel finden Sie das Installations- u...

CSS realisiert den Prozessnavigationseffekt (drei Methoden)

CSS realisiert den Prozessnavigationseffekt. Der ...

Docker View JVM-Speichernutzung

1. Rufen Sie den Hostcomputer des Docker-Containe...

So passen Sie die Protokollebene von Nginx in Docker an

Inhaltsverzeichnis Einleitung Nginx-Dockerdatei N...

8 wichtige JavaScript-Codefragmente für Ihr Projekt

Inhaltsverzeichnis 1. Holen Sie sich die Dateierw...

Detaillierte Erklärung des MySQL-Ausführungsplans

Die EXPLAIN-Anweisung liefert Informationen darüb...

So simulieren Sie Netzwerkpaketverlust und -verzögerung in Linux

netem und tc: netem ist ein Netzwerksimulationsmo...