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 Erklärung, wo Docker Protokolldateien speichert

Inhaltsverzeichnis Wo werden die Protokolle gespe...

Docker-Bereitstellung – Springboot-Projektbeispielanalyse

Dieser Artikel stellt hauptsächlich die Beispiela...

So löschen Sie eine MySQL-Tabelle

Das Löschen einer Tabelle in MySQL ist sehr einfa...

Vue führt eine Überprüfung durch, ob der Benutzername verfügbar ist

In diesem Artikelbeispiel wird der spezifische Co...

So löschen Sie Ordner, Dateien und Dekomprimierungsbefehle auf Linux-Servern

1. Ordner löschen Beispiel: rm -rf /usr/java Das ...

Einführung in 10 Online-Entwicklungstools für Webdesign

1. Online-Textgenerator BlindTextGenerator: Für D...

Installation von VMware Workstation unter Linux (Ubuntu)

Wenn Sie nicht wissen, wie das System auf dem Com...

Centos7-Startvorgang und Nginx-Startkonfiguration in Systemd

Centos7-Startvorgang: 1.post (Selbsttest beim Ein...

So umgehen Sie unbekannte Feldnamen in MySQL

Vorwort Dieser Artikel stellt die fünfte Frage vo...

So installieren Sie den RabbitMQ-Server mit Yum auf CentOS

Socat muss vor der Installation von rabbitmq inst...