Detaillierte Erklärung des TARGET-Attributs des HTML-Hyperlink-Tags A
|
Das Hyperlink-Tag <a> stellt einen Linkpunkt dar und ist die Abkürzung des englischen Wortes „Anchor“. Seine Funktion besteht darin, den aktuellen Text oder das aktuelle Bild mit anderen Seiten, Texten oder Bildern zu verbinden. Dies ist bekannt, aber seine grammatische Struktur ist möglicherweise etwas unbekannt, und Sie müssen seine grammatische Struktur verstehen, um es effektiv verwenden zu können. Die grundlegende Syntax des <a>-Tags lautet: <a Klasse=Typ id=Wert href=Referenz Name＝Wert rel=gleich|nächstes|übergeordnetes|vorheriges Drehzahl＝Wert Ziel=Fenster Stil=Wert title=Titel onclick＝Funktion onmouseout＝Funktion onMouseOver=Funktion>Verbinden</a> Aus der grammatikalischen Struktur des Tags können wir erkennen, dass beim Setzen eines Hyperlinks viele Parameter zur Auswahl stehen, um unterschiedliche Linkeffekte zu erzielen. Ist das ein wenig unerwartet? ! ZIELdetails: 1._blank <a href="example.html" target="_blank">example</a> Der Browser öffnet ein neues Fenster, um das Dokument example.html anzuzeigen. 2._parent <a href="example.html" target="_parent">example</a> verweist auf das übergeordnete Frameset-Dokument 3._self <a href="example.html" target="_self">example</a> bringt das Dokument in den aktuellen Seitenrahmen 4._top <a href="example.html" target="_top">Beispiel</a> Entfernen Sie alle Seitenrahmen und ersetzen Sie das Frameset durch document.html. Dokument-Tipp 1: Machen Sie die Seitenrahmen anderer Benutzer unzugänglich für Verweise auf Ihre Webseite. Hinzufügen: <base target="_top"> Tipp 2: Öffne eine Verbindung oder aktualisiere die aktuelle Seite, sende an die aktuelle Seite und füge Folgendes zum Dateikopf hinzu: <base target="_self"> Die Optionen „Klasse“ und „ID“ werden verwendet, um den Typ des Linkpunkts und die zugewiesene ID-Nummer festzulegen und werden normalerweise nicht festgelegt. Die beiden am häufigsten verwendeten Parameter sind href und name. Unter diesen ist href die Abkürzung für Hypertext-Referenz, die zum Festlegen der Linkadresse verwendet wird. Die Linkadresse muss eine URL-Adresse sein. Wenn kein spezifischer Pfad angegeben ist, ist der Standardpfad derselbe wie der Pfad der aktuellen Seite. Auch die verlinkten Dateien werden in mehrere Situationen unterteilt: Handelt es sich um eine HTML-Datei, wird sie direkt im aktuellen Browser geöffnet; handelt es sich um eine ausführbare Datei (.exe-Datei), wird sie direkt ausgeführt oder heruntergeladen. Die Dateien, die wir zum Download bereitstellen, sind mit dieser Funktion erstellt; handelt es sich um eine Textdatei, z. B. eine Word-Datei, wird sie im Browser geöffnet und kann bearbeitet werden. rel: gibt die Beziehung des festgelegten Links an: rel=same bedeutet, dass die zu verknüpfende Datei dieselbe wie diese Datei ist, rel=next bedeutet, dass die zu verknüpfende Datei die nächste Seite ist, rel=parent bedeutet, dass diese Datei die übergeordnete Datei der zu verknüpfenden Datei ist und rel=previous bedeutet, dass die zu verknüpfende Datei die vorherige Seite ist. rev: wird zum Setzen des Reverse-Links verwendet. target: wird verwendet, um festzulegen, auf welches Fenster bei Verwendung eines Rahmenfensters verwiesen werden soll, und target="_bank" bedeutet, dass zum Öffnen der Webseite ein neues Fenster geöffnet wird. Titel: Wird verwendet, um den Titel festzulegen, der angezeigt wird, wenn der Linkpunkt ausgewählt wird. onclick: entspricht einem Ereignis. Wenn auf den Linkpunkt geklickt wird, wird dieses Ereignis ausgelöst und die entsprechende Subroutine ausgeführt. onmouseover: Ähnlich wie onclick wird das entsprechende Event ausgelöst, wenn die Maus über den Linkpunkt bewegt wird. onmouseout: Das entsprechende Event wird ausgelöst, wenn die Maus den Kontaktpunkt verlässt. Hier sind einige Beispiele: <a href="index.htm">Zurück zur Startseite</a> <a href="sound.wav">Audiodatei abspielen</a> <a href="javascipt.open()">Führen Sie das entsprechende Programm aus</a> <a herf="document.doc">Öffnen Sie das entsprechende Dokument zur Bearbeitung</a> Bewerbungstipps 1. Downloaddateien bereitstellen Viele Internetnutzer haben geschrieben und gefragt, wie Download-Effekte bereitgestellt werden können. Tatsächlich handelt es sich immer noch um einen Hyperlink, allerdings muss die herunterzuladende Datei auf die Website hochgeladen werden. Beispiel: Es steht ein Dateipaket mit „Web Page Skills“ zum Download bereit, der Dateiname lautet „homepagejq.zip“ und es wurde auf die Website hochgeladen, dann lässt sich der Code dieses Links folgendermaßen schreiben: <a href="homepagejq.zip">Klicken Sie hier, um das Dateipaket „Web Page Skills“ herunterzuladen</a>. 2. Öffnen Sie die verlinkte Webseite in einem neuen Fenster Setzen Sie den Wert von „target“ auf „_blank“. Beispiel: Öffnen Sie die Webseite „aboutme.htm“ in einem neuen Fenster. Der Code, der diesen Effekt erzeugt, lautet: <a href="aboutme.htm" target="_blank">Über mich…</a>. 3. Bewegen Sie die Maus über den Link, um eine Zeile Beschreibungstext anzuzeigen Diesen Effekt können Sie erzielen, indem Sie den Parameterwert „Titel“ festlegen. Beispiel: Wenn die Maus über den Link „Huangshan Villager“ bewegt wird, wird die Beschreibung „Dies ist eine professionelle Website, die Techniken zur Erstellung von Webseiten vorstellt“ angezeigt. Der Code dieses Links lautet wie folgt: <a href="hscf.htm" title="Dies ist eine professionelle Website, die Fähigkeiten zur Webseitenerstellung vorstellt">Huangshan Village Man</a>. 4. Bewegen Sie die Maus über einen Link und ein Fenster öffnet sich Dies ist der Effekt, der durch das Setzen des Parameters „onmouseover“ erzielt wird. Beispiel: Wenn die Maus über einen Link bewegt wird, öffnet sich ein Fenster mit der Anzeige „Demo des Mouse-Hover-Effekts!“. Der Code für diesen Link lautet wie folgt: <a href="other web pages.htm" onmouseover="alert('Mouse hover effect demonstration!')">link</a>. Mit einer ähnlichen Methode lässt sich der Effekt eines Popup-Eingabeaufforderungsfensters beim Drücken der Maustaste und eines Popup-Eingabeaufforderungsfensters beim Loslassen der Maustaste erzeugen. 5. Link zum angegebenen Inhalt dieser Seite Um auf einen bestimmten Teil des Inhalts dieser Seite zu verlinken (also „innerhalb der Datei zu springen“), müssen Sie mit dem Parameternamen den Namen des Linkpunkts angeben. Wählen Sie einen Textblock aus und benennen Sie ihn mit dem Namensparameter für die Verwendung im Link. Das sogenannte Springen innerhalb derselben Datei bedeutet, dass der Leser beim Lesen einer sehr langen Datei eine Sprunglesemethode anwenden kann, wenn er nur an einem bestimmten Teil des Inhalts interessiert ist. Das Grundformat ist: <a href="＃Link point name">Teil 2</a> Inhalt von Teil 1 <a name="Linkpunktname"></a>Der zweite Teil des eigentlichen Inhalts Auf diese Weise werden Sie beim Anklicken des Hyperlinks „Teil 2“ automatisch zu den „Eigentlichen Inhalten von Teil 2“ weitergeleitet. Der durch den Parameter „name“ definierte Linkpunktname kann beliebig sein, aber der Linkpunktname im Parameter „href“ des Links muss damit übereinstimmen. Vergessen Sie nicht, davor „#“ hinzuzufügen. 6. Link zum angegebenen Inhaltsort anderer Seiten Die Methode ähnelt dem obigen Beispiel, aber der Dateiname der Webseite muss vor dem Linkpunktnamen im Parameter „href“ hinzugefügt werden. Beispiel: Es gibt zwei Webseiten, Seite1.htm und Seite2.htm, jede Seite hat zwei Inhaltsteile. Nun möchten Sie in Seite1.htm einen Hyperlink erstellen. Wenn Sie auf den Link klicken, werden Sie zum zweiten Inhaltsteil von Seite2.htm weitergeleitet. Dann können wir Folgendes tun: Schreiben Sie zunächst an den Anfang des zweiten Teils des Inhalts von Seite2.htm einen Code wie diesen: <a name="Linkpunktname"></a>; schreiben Sie in Seite1.htm einen Linkcode wie diesen: <a href="pagw2.htm#Linkpunktname">Zweiter Teil des Inhalts von Seite2</a>. 7. Link zur E-Mail Nach dem Anklicken eines Hyperlinks wird die E-Mail-Verwaltungssoftware auf dem Client-Computer gestartet, um Ihnen einen Brief zu schreiben. Beispielsweise diese Codezeile: <a href="mailto:[email protected]">Bitte schreiben Sie mir</a>. Sobald Sie auf den Link „Bitte schreiben Sie mir“ klicken, wird automatisch die Schreibfunktion der E-Mail-Verwaltungssoftware (z. B. OE) gestartet und die E-Mail-Adresse in die Adressleiste des Empfängers eingefügt. Links können nicht nur durch Text, sondern auch durch Bilder und sogar durch Teile eines Bildes getragen werden und alle können die oben genannten Effekte erzielen. Die Methoden sind auch dieselben, der einzige Unterschied ist der Träger, also der Teil zwischen den beiden Paaren eckiger Klammern des Links, daher werde ich kein weiteres Beispiel geben. |
<<: Detaillierte Codebeispiele zu sieben Methoden zur vertikalen Zentrierung mit CSS
>>: Detaillierte Erklärung zu MySQL-Phantomlesevorgängen und wie man sie eliminiert
Artikel empfehlen
So installieren Sie Theano und Keras auf einem Ubuntu-System
Hinweis: Das System ist Ubuntu 14.04LTS, ein 32-B...
Wie man hochwertige Webseiten gestaltet Erfahrung in der Gestaltung hochwertiger Webseiten (Bilder und Text)
Mit der zunehmenden Anzahl offener Plattformen ver...
Beispiel für die Implementierung von Textumbruch in HTML (gemischter Text und Bilder in HTML)
1. Text rund um das Bild Wenn wir zum Beispiel di...
So verwenden Sie Node.js, um festzustellen, ob ein PNG-Bild transparente Pixel hat
Hintergrund PNG-Bilder benötigen mehr Speicherpla...
JavaScript erklärt die Kapselung und Verwendung von Zeitlupenanimationen
Durchführung von Prozessanalysen (1) Wie rufe ich...
Beispielmethode zum Anzeigen der mit MySQL verbundenen IP-Adresse
Spezifische Methode: Öffnen Sie zuerst die Eingab...
Analyse der Implementierungsschritte für die Docker-Containerverbindung
Im Allgemeinen verwenden wir nach dem Start des C...
Detaillierte Erläuterung des Vue Lazyload-Beispiels für verzögertes Laden von Bildern
Dokumentation: https://github.com/hilongjw/vue-la...
Detaillierte Erläuterung der SEO-Optimierungsmethode für Vue-Entwicklungswebsites
Da der Datenbindungsmechanismus von Vue und ander...
Detaillierte Erläuterung mehrerer Implementierungsmethoden des MySQL-Zählens nach Bedingungen
Ich habe vor Kurzem eine Reihe statistischer Funk...
Mehrere magische Verwendungen des JS ES6 Spread-Operators
Inhaltsverzeichnis 1. Attribute hinzufügen 2. Meh...
Konfigurationslösung für die MySQL Dual-Master-Architektur (Master-Master)
In Unternehmen hat die hohe Verfügbarkeit von Dat...
JavaScript zum Erzielen eines einfachen Drag-Effekts
In diesem Artikel wird der spezifische JavaScript...
Die umfassendste Sammlung von Front-End-Interviewfragen
HTML und CSS 1. Verständnis und Kenntnisse von WE...
So zeigen Sie den Startparameterbefehl „Docker Run“ an (empfohlen)
Verwenden Sie runlike, um die Docker Run-Startpar...