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

Einfacher CSS-Textanimationseffekt

Ergebnisse erzielen Implementierungscode html <...

Übersicht über die Zeitkonfiguration unter Linux-System

1. Zeitarten werden unterteilt in: 1. Netzwerkzei...

Schiebemenü mit CSS3 implementiert

Ergebnis:Implementierungscode: <!DOCTYPE html&...

Einführung in Docker-Container

1. Übersicht 1.1 Grundlegende Konzepte: Docker is...

MySQL 8.0.15 Installations-Tutorial für Windows 64-Bit

Gehen Sie zunächst zum Herunterladen auf die offi...

JS implementiert einen einfachen TodoList-Effekt (Notizblock)

Das Notizblockprogramm wird mithilfe der drei wic...

So ändern Sie die Länge eines Eingabetextfelds entsprechend seinem Inhalt

Erste: Code kopieren Der Code lautet wie folgt: &l...

Detaillierte Beschreibung des Lebenszyklus von React-Komponenten

Inhaltsverzeichnis 1. Was ist der Lebenszyklus 2....

Schritte zum Upgrade des Ubuntu 16.04-Kernels

1. Umwelt Ubuntu 16.04 läuft auf einer virtuellen...