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

Detaillierte Erläuterung des Grafikbeispiels für Vue-Überwachungsattribute

Inhaltsverzeichnis Was ist die Listener-Eigenscha...

Detaillierte Erklärung der Tomcat-Verzeichnisstruktur

Inhaltsverzeichnis Verzeichnisstruktur bin-Verzei...

Eine kurze Analyse des Kimono-Memo-Problems

Heute musste ich nach dem Neustart des Spiels fes...

Detaillierte Erläuterung der Einführung in die JavaScript-Funktion

Inhaltsverzeichnis Funktionseinführung Funktion E...

Was Sie beim Schreiben selbstschließender XHTML-Tags beachten sollten

Das img-Tag in XHTML sollte wie folgt geschrieben...

JS tiefe und flache Kopierdetails

Inhaltsverzeichnis 1. Was bedeutet „Shallow Copy“...

So ändern Sie das MySQL-Tabellenpartitionierungsprogramm

So ändern Sie das MySQL-Tabellenpartitionierungsp...

Bestimmte Vorgänge der geplanten MySQL-Löschung von Sicherungsdaten

1|0 Hintergrund Aufgrund von Projektanforderungen...

CSS kompletter Parallax-Scrolling-Effekt

1. Was ist Beim Parallax-Scrolling handelt es sic...

Es ist Jahresende, ist Ihr MySQL-Passwort sicher?

Vorwort: Das Jahr neigt sich dem Ende zu. Ist es ...

Beispiel für die Kompilierung von LNMP im Docker-Container

Inhaltsverzeichnis 1. Projektbeschreibung 2. Ngin...