html ein Link-Tag Titel Attribut Zeilenumbruch Mouseover Prompt Inhalt Zeilenumbruch Effekt

html ein Link-Tag Titel Attribut Zeilenumbruch Mouseover Prompt Inhalt Zeilenumbruch Effekt
Die Methode zum Umbrechen des Inhalts (Titelattributinhalt), wenn die Maus über das Objekt bewegt wird. Zusammenfassung der Methode zum Umbrechen des HTML-Titels.

Das Titelattribut von HTML zeigt standardmäßig eine Zeile an. Wie wird die Zeile umbrochen? Hier fasst DIVCSS5 zwei Zeilenumbruchmethoden zusammen und stellt sie vor, damit jeder sie teilen und verwenden kann.

1. Den Titelinhalt direkt umbrechen

Wenn Sie den Titelinhalt direkt eingeben, drücken Sie die Eingabetaste, um die Zeile umzubrechen. Der Beispielcode lautet wie folgt:

Code kopieren
Der Code lautet wie folgt:

<a href='https://www.jb51.net' target='_ablank'
Titel='Titel: DIVCSS5
Autor: DIVCSS5
Aktualisiert: 2013-05-17
Empfohlene Ebene: Keine Schlüsselwörter: Zeilenumbruch für Titel Seitennummerierung: Keine Seitennummerierung Lesestufe: Normal'>Zeilenumbruch für HTML-Titelattribute</a>

Screenshots der Browsereffekte:

Screenshot des Effekts, wenn Sie die Maus über den Linktext bewegen und der Inhalt umbrochen wird

2. Verwenden Sie den Zeilenumbruchcode für HTML-Titel

Es gibt zwei Arten von Code für Zeilenumbrüche, mit denen beide Zeilenumbrüche bei der Anzeige des Titelinhalts im HTML-Tag erzielen können.

1. Die Zeilenumbruchcodes lauten wie folgt:
"&#10;" und "&#13;"

"&#10;" Schreibweise:

& (und-Symbol, Zifferntaste 7 auf der Tastatur zusammen &) + # (Raute-Zeichen) + 10 (arabische Zahl Zehn) + ; (kleines Semikolon)

"&#13;" Schreibweise:

& (und-Symbol, Zifferntaste 7 auf der Tastatur zusammen &) + # (Raute-Zeichen) + 13 (arabische Zahl dreizehn) + ; (kleines Semikolon)

Die obige digitale Eingabe muss im englischen Format mit halber Breite eingegeben werden. Wählen Sie bei der Verwendung einfach einen (eine Gruppe) von Zeilenumbruchsymbolcodes aus, bei denen ein Zeilenumbruch erforderlich ist.

2. Der Beispielcode lautet wie folgt:


Code kopieren
Der Code lautet wie folgt:

<a href="https://www.jb51.net"
Titel="Erste Zeile&#10;Zweite Zeile&#10;Dritte Zeile">Titelzeilenumbruch 1</a>
<a href="https://www.jb51.net"
Titel="Erklärung 1&#13;Erklärung 2&#13;Erklärung 3">Titelzeilenumbruch 2</a>
<!-- HTML-Kommentar: Um den Screenshot zu vervollständigen, wird der Code hier umbrochen-->


3. Beispiel-Screenshots



Beispielcode-Screenshot



Wenn die Maus über den Hyperlink bewegt wird, wird der Inhalt des Titelattributs angezeigt, um ein Diagramm mit dem Zeilenumbruchanzeigeeffekt zu erzielen

<<:  Besser aussehende benutzerdefinierte CSS-Stile (Titel h1 h2 h3)

>>:  Zusammenfassung der 6 Fähigkeiten, die zur erfolgreichen Webseitenerstellung erforderlich sind

Artikel empfehlen

8 Tipps für Vue, die Sie nach dem Lesen lernen werden

1. Verwenden Sie immer :key in v-for Die Verwendu...

Aufbauprinzip des Nexus-Privatservers und Tutorial-Analyse

eins. Warum einen privaten Nexus-Server erstellen...

Tutorial zur Installation von Ceph Distributed Storage mit Yum unter Centos7

Inhaltsverzeichnis Vorwort Konfigurieren Sie die ...

Verwenden Sie reines JS, um den sekundären Menüeffekt zu erzielen

In diesem Artikelbeispiel wird der spezifische JS...

MySQL-Gruppierungsabfragen und Aggregatfunktionen

Überblick Ich glaube, dass wir häufig auf solche ...

Umfassende Erklärung zum CocosCreator Hot Update

Inhaltsverzeichnis Vorwort Was ist Hot Change Coc...

Zusammenfassung der MySQL-Anweisungen

Inhaltsverzeichnis 1. Datenbank USE auswählen 2. ...

Website-Homepage-Design im Illustrationsstil Neuer Trend im Website-Design

Sie können sehen, dass ihre visuellen Effekte sehr...

Docker stellt Mysql, .Net6, Sqlserver und andere Container bereit

Inhaltsverzeichnis Installieren Sie Docker unter ...

Zusammenfassung der Verwendung von MySQL-Datums- und Uhrzeitfunktionen

Dieser Artikel basiert auf MySQL 8.0 Dieser Artik...

Detaillierte Erklärung von Cgroup, dem Kernprinzip von Docker

Das leistungsstarke Tool cgroup im Kernel kann ni...