Verwendung von H5-Links

php中世界最好的语言
Freigeben: 2018-04-19 17:12:40
Original
15316 Leute haben es durchsucht

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 , 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 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>
Nach dem Login kopieren

Das href-Attribut beschreibt das Ziel des Links.

Beispiel:

<a href="/"></a>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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

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

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>
Nach dem Login kopieren

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:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>)</title> 
</head>
<body>
<p>创建图片链接:
<a href="/wy/148886.htm">
<img  border="10" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>
<p>无边框的图片链接:
<a href="/wy/148886.htm">
<img border="0" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>
</body>
</html>
Nach dem Login kopieren

Out-of-the-box-Beispiel:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title> </title> 
</head>
<body>
<p>跳出框架?</p> 
<a href="http://www.php.com/" target="_top">点击这里!</a> 
</body>
</html>
Nach dem Login kopieren

Die aktuell angegebene Seite verweist auf den angegebenen Speicherort:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>
<a href="#C4">查看章节 4</a>
</p>
<h2>章节 1</h2>
<p>这边显示该章节的内容……</p>
<h2>章节 2</h2>
<p>这边显示该章节的内容……</p>
<h2>章节 3</h2>
<p>这边显示该章节的内容……</p>
<h2><a id="C4">章节 4</a></h2>
<p>这边显示该章节的内容……</p>
<h2>章节 5</h2>
<p>这边显示该章节的内容……</p>
<h2>章节 6</h2>
<p>这边显示该章节的内容……</p>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage