Heim Web-Frontend HTML-Tutorial Ausführliche Erläuterung der Verwendung und Funktion des Ziel-Leerattributs in einem HTML-Tag

Ausführliche Erläuterung der Verwendung und Funktion des Ziel-Leerattributs in einem HTML-Tag

Sep 01, 2018 am 10:54 AM

Bei der Erstellung von HTML-Seiten verwenden wir häufig das Tag-Attribut „a“. Wie wir alle wissen, wird das Tag „a“ zum Definieren von Hyperlinks verwendet. Wenn wir eine HTML-Seite entwerfen und den funktionalen Effekt erzielen müssen, dass wir auf einen bestimmten Text oder ein bestimmtes Element klicken, um eine Seite zu öffnen und zu einer anderen Seite zu springen, verwenden wir hier das herf-Tag-Attribut. Das herf-Tag ist das, was Sie angeben Springe zu einer bestimmten Linkadresse.

a-Tag Die Syntax lautet wie folgt:

<a href="你所要跳转的地址"></a>
Nach dem Login kopieren

Dann frage ich mich, ob Ihnen aufgefallen ist, dass manchmal das Attribut target=_blank im a-Tag gefunden wird. Einige Anfänger sind sich dieser Eigenschaft möglicherweise nicht im Klaren. Daher erhalten Sie in diesem Artikel eine ausführliche Erläuterung der spezifischen Verwendung und Funktion des Ziel-Leerattributs des HTML-Tags a.

Das Folgende ist ein einfaches HTML-Codebeispiel mit dem target blank attribute wie folgt:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>html a标签target blank属性使用示例</title>
</head>
<body>
<a href="http://www.php.cn" target="_blank">点我看看是不是跳转到指定的PHP中文网首页</a>
</body>
</html>
Nach dem Login kopieren

Sie können diesen Code für lokale Tests direkt kopieren und einfügen, der Effekt ist wie unten gezeigt:

Ausführliche Erläuterung der Verwendung und Funktion des Ziel-Leerattributs in einem HTML-Tag

Ausführliche Erläuterung der Verwendung und Funktion des Ziel-Leerattributs in einem HTML-Tag

Sie können feststellen, dass dieser Text mit einem Hyperlink hinzugefügt wurde und erfolgreich zu einer neuen Seite springt Nachdem Sie darauf geklickt haben, können Sie feststellen, dass Er ein neues Fenster geöffnet hat und die vorherige Seite überhaupt keine Wirkung hatte! Das Attribut target=_blank bedeutet also, den Hyperlink in einem neuen Fenster zu öffnen! Durch dieses Attribut können wir verschiedene Sprungseiten bequemer anzeigen. Machen Sie sich keine Sorgen, dass vorherige Seiten überschrieben werden.

Wenn wir das Ziel-Leerattribut nicht festlegen, werden wir feststellen, dass im aktuellen Fenster ein neuer Link geöffnet wird und die vorherige Seite verschwindet.

Hier müssen wir auch besonders aufpassen:

Das target blank-Attribut im a-Tag muss mit herf kombiniert werden, um wirksam zu sein!

Dann ist das Obige der spezifische Inhalt dieses Artikels über die Verwendung und Funktion des Zielleerattributs in HTML. Ich hoffe, es hilft den Bedürftigen!

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung und Funktion des Ziel-Leerattributs in einem HTML-Tag. 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

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Crossplay haben?
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

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)

Was ist der Zweck des & lt; Fortschritts & gt; Element? Was ist der Zweck des & lt; Fortschritts & gt; Element? Mar 21, 2025 pm 12:34 PM

Der Artikel erörtert den HTML & lt; Progress & gt; Element, Absicht, Styling und Unterschiede vom & lt; Meter & gt; Element. Das Hauptaugenmerk liegt auf der Verwendung & lt; Fortschritt & gt; Für Aufgabenabschluss und & lt; Meter & gt; für stati

Was ist der Zweck des & lt; datalist & gt; Element? Was ist der Zweck des & lt; datalist & gt; Element? Mar 21, 2025 pm 12:33 PM

Der Artikel erörtert den HTML & lt; Datalist & gt; Element, das die Formulare verbessert, indem automatische Vorschläge bereitgestellt, die Benutzererfahrung verbessert und Fehler reduziert werden.Character Count: 159

Was ist der Zweck des & lt; Meter & gt; Element? Was ist der Zweck des & lt; Meter & gt; Element? Mar 21, 2025 pm 12:35 PM

Der Artikel erörtert das HTML & lt; Meter & gt; Element, verwendet zur Anzeige von Skalar- oder Bruchwerten innerhalb eines Bereichs und seine gemeinsamen Anwendungen in der Webentwicklung. Es differenziert & lt; Meter & gt; von & lt; Fortschritt & gt; und Ex

Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design? Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design? Mar 20, 2025 pm 05:56 PM

In dem Artikel wird das Ansichtsfenster -Meta -Tag erörtert, das für das reaktionsschnelle Webdesign auf mobilen Geräten unerlässlich ist. Es wird erläutert, wie die ordnungsgemäße Verwendung eine optimale Skalierung von Inhalten und Benutzerinteraktion gewährleistet, während Missbrauch zu Design- und Zugänglichkeitsproblemen führen kann.

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Mar 20, 2025 pm 06:05 PM

Der Artikel erörtert das & lt; iframe & gt; Der Zweck von Tag, externe Inhalte in Webseiten, seine gemeinsamen Verwendungen, Sicherheitsrisiken und Alternativen wie Objekt -Tags und APIs einzubetten.

Ist HTML für Anfänger leicht zu lernen? Ist HTML für Anfänger leicht zu lernen? Apr 07, 2025 am 12:11 AM

HTML ist für Anfänger geeignet, da es einfach und leicht zu lernen ist und schnell Ergebnisse sehen kann. 1) Die Lernkurve von HTML ist glatt und leicht zu beginnen. 2) Beherrschen Sie einfach die grundlegenden Tags, um Webseiten zu erstellen. 3) hohe Flexibilität und kann in Kombination mit CSS und JavaScript verwendet werden. 4) Reiche Lernressourcen und moderne Tools unterstützen den Lernprozess.

Die Rollen von HTML, CSS und JavaScript: Kernverantwortung Die Rollen von HTML, CSS und JavaScript: Kernverantwortung Apr 08, 2025 pm 07:05 PM

HTML definiert die Webstruktur, CSS ist für Stil und Layout verantwortlich, und JavaScript ergibt eine dynamische Interaktion. Die drei erfüllen ihre Aufgaben in der Webentwicklung und erstellen gemeinsam eine farbenfrohe Website.

Was ist ein Beispiel für ein Start -Tag in HTML? Was ist ein Beispiel für ein Start -Tag in HTML? Apr 06, 2025 am 12:04 AM

AnexampleofaTartingTaginHtmlis, die, die starttagsaresesinginhtmlastheyinitiateElements, definetheirtypes, andarecrucialForstructuringwebpages und -konstruktionsthedoms.

See all articles