Verwendung von H5-Links

Dieses Mal werde ich Ihnen die Verwendung von H5-Links vorstellen. Was sind die Vorsichtsmaßnahmen bei der Verwendung von H5-Links?

HTML-Link kann als Ausdruck der Vitalität eines HTML-Dokuments angesehen werden. Nur HTML-Links können das gesamte HTML-Dokument flexibler machen Wille, deinen Lieblingsinhalt zu finden.

HTML verwendet Hyperlinks, um eine Verbindung zu einem anderen Dokument im Web herzustellen. Links finden sich auf fast jeder Webseite. Klicken Sie auf einen Link, um von einer Seite zur anderen zu springen.

HTMLHyperlink:

HTML verwendet das Tag 3499910bf9dac5ae3c52d5ede7383485, um Hypertext-Links einzurichten.

Ein Hyperlink kann ein Wort, ein Wort, eine Wortgruppe oder ein Bild sein. Sie können auf diese Inhalte klicken, um zu einem neuen Dokument oder einem bestimmten Teil des aktuellen Dokuments zu springen.

Wenn Sie Ihren Mauszeiger über einen Link auf einer Webseite bewegen, verwandelt sich der Pfeil in eine kleine Hand.

Das href-Attribut wird im Tag 3499910bf9dac5ae3c52d5ede7383485 verwendet, um die Adresse des Links zu beschreiben.

Standardmäßig wird der Link im Browser wie folgt angezeigt:

Ein nicht besuchter Link wird in blauer Schrift und unterstrichen angezeigt.

Besuchte Links werden lila und unterstrichen angezeigt.

Wenn Sie auf einen Link klicken, wird dieser rot und unterstrichen angezeigt.

Hinweis: Wenn für diese Hyperlinks CSS-Stile festgelegt sind, wird der Anzeigestil gemäß den CSS-Einstellungen angezeigt.

HTML-Link-Syntax:

<a href="url">链接文本</a>

Das href-Attribut beschreibt das Ziel des Links.

Beispiel:

<a href="/"></a>

Implementieren Sie die Codeanzeige: Besuchen Sie das Yiju-Tutorial

Über den obigen Link gelangen Benutzer zur Homepage von Yiju Tutorials.

Was wir hier beachten sollten, ist, dass „Linktext“ kein Text sein muss. Bilder oder andere HTML-Elemente können zu Links werden.

HTML-Link – Zielattribut

Mithilfe des Zielattributs können Sie festlegen, wo das verlinkte Dokument angezeigt wird.

<a href="http://www.php.com/" target="_blank">访问</a>

Definieren Sie den Link als Link-Homepage und das Zielattribut ist leer, was bedeutet, dass der Link die Homepage in einem neuen Fenster öffnet.

HTML-Link – ID-Attribut

Das id-Attribut kann zum Erstellen von Lesezeichen-Tags in einem HTML-Dokument verwendet werden.
Tipp: Lesezeichen werden nicht auf besondere Weise angezeigt und werden nicht in HTML-Dokumenten angezeigt, sodass sie für Leser verborgen sind.
Beispiel:

ID in HTML-Dokument einfügen:

<a id="tips">有用的提示部分</a>

Erstellen Sie einen Link zum Abschnitt „Hilfreiche Tipps (id="tips")" im HTML-Dokument:

<a href="#tips">访问有用的提示部分</a>

Alternativ können Sie von einer anderen Seite aus einen Link zum Abschnitt „Hilfreiche Tipps (id="tips")" erstellen:

<a href="http://www.php.cn/html/html-links.html#tips">
访问有用的提示部分</a>

Dinge zu beachten:

Hinweis: Fügen Sie Unterordnern immer Schrägstriche hinzu. Wenn Sie den Link so schreiben: href="http://www.runoob.com/html", werden zwei HTTP-Anfragen an den Server generiert. Dies liegt daran, dass der Server der Adresse einen Schrägstrich hinzufügt und dann eine neue Anfrage erstellt, etwa so: href="http://www.111cn.com/html/"

Beispiel für einen Bildlink:

76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e 
4d0d87937f6c83b675e896c64d3eb7c9 
b2386ffb911b14667cb8f0f91ea547a7)6e916e0f7d1e588d4f442bf645aedb2f 
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
e388a4556c0f65e1904146cc1a846bee创建图片链接:
488640cf767a97efdc20f568dcd2c31f
67cc71036babe836bcaf3cc3cccac3e95db79b134e9f6b82c0b36e0489ee08ed94b3e26ee717c64999d7867364b1b4a3
e388a4556c0f65e1904146cc1a846bee无边框的图片链接:
488640cf767a97efdc20f568dcd2c31f
f53d2288983007e7e822d30a5ebb6baa5db79b134e9f6b82c0b36e0489ee08ed94b3e26ee717c64999d7867364b1b4a3
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

Out-of-the-box-Beispiel:

76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e 
4d0d87937f6c83b675e896c64d3eb7c9 
b2386ffb911b14667cb8f0f91ea547a7 6e916e0f7d1e588d4f442bf645aedb2f 
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
e388a4556c0f65e1904146cc1a846bee跳出框架?94b3e26ee717c64999d7867364b1b4a3 
ca21c75a15e42d50348cfc8abd6c698a点击这里!5db79b134e9f6b82c0b36e0489ee08ed 
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

Die aktuell angegebene Seite verweist auf den angegebenen Speicherort:

76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
4d0d87937f6c83b675e896c64d3eb7c9
b2386ffb911b14667cb8f0f91ea547a76e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
e388a4556c0f65e1904146cc1a846bee
504c4cbc17218479f44e5f1bfe9e8840查看章节 45db79b134e9f6b82c0b36e0489ee08ed
94b3e26ee717c64999d7867364b1b4a3
c1a436a314ed609750bd7c7d319db4da章节 12e9b454fa8428549ca2e64dfac4625cd
e388a4556c0f65e1904146cc1a846bee这边显示该章节的内容……94b3e26ee717c64999d7867364b1b4a3
c1a436a314ed609750bd7c7d319db4da章节 22e9b454fa8428549ca2e64dfac4625cd
e388a4556c0f65e1904146cc1a846bee这边显示该章节的内容……94b3e26ee717c64999d7867364b1b4a3
c1a436a314ed609750bd7c7d319db4da章节 32e9b454fa8428549ca2e64dfac4625cd
e388a4556c0f65e1904146cc1a846bee这边显示该章节的内容……94b3e26ee717c64999d7867364b1b4a3
c1a436a314ed609750bd7c7d319db4dae95dae2588e6a511ff187a778829a59c章节 45db79b134e9f6b82c0b36e0489ee08ed2e9b454fa8428549ca2e64dfac4625cd
e388a4556c0f65e1904146cc1a846bee这边显示该章节的内容……94b3e26ee717c64999d7867364b1b4a3
c1a436a314ed609750bd7c7d319db4da章节 52e9b454fa8428549ca2e64dfac4625cd
e388a4556c0f65e1904146cc1a846bee这边显示该章节的内容……94b3e26ee717c64999d7867364b1b4a3
c1a436a314ed609750bd7c7d319db4da章节 62e9b454fa8428549ca2e64dfac4625cd
e388a4556c0f65e1904146cc1a846bee这边显示该章节的内容……94b3e26ee717c64999d7867364b1b4a3

Ich glaube, Sie sind sehr gespannt, nachdem Sie die Beispiele gesehen haben. Beeilen Sie sich und öffnen Sie den Editor , um einen Blick darauf zu werfen.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

jQuery implementiert die Auswahl „Alles“ und die Umkehrung der Einzelauswahl

jQuery führt einen Hintergrundfarbverlauf-Animationseffekt aus

jQuery-Plug-in FusionCharts zeichnet Kreisdiagramm

Das obige ist der detaillierte Inhalt vonVerwendung von H5-Links. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!