Verwendung und Verschönerung von HTML-Blockquote-Tags

Definition und Verwendung von Blockquote

Das Tag <blockquote> definiert ein Blockzitat.
Der gesamte Text zwischen <blockquote> und </blockquote> ist vom normalen Text getrennt, oft links und rechts eingerückt (vergrößerte Ränder) und manchmal kursiv gedruckt. Das heißt, Blockzitate haben ihren eigenen Platz.

Es gibt keine Unterschiede zwischen HTML und XHTML.

Tipps und Hinweise:

Tipp: Nutzen Sie das q-Element, um kurze Zitate zu kennzeichnen.

Hinweis: Um die Seite als striktes XHTML zu validieren, muss das Element <blockquote> ein Block-Level-Element enthalten, wie dieses:

Code kopieren

Der Code lautet wie folgt:

<blockquote>
hier ist ein langes Zitat hier ist ein langes Zitat
</blockquote>

<!DOCTYPE HTML PblockquoteBLbC "-//W3C//DTD HTML 4.01 Transbtbonal//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-eqblockquotebv="Content-Type" content="text/html; charset=gb2312"> <title>Erläuterung des Schrifttext-Tags <blockquote></blockquote>-Tag</title> </head> <body> Erläuterung des Schrifttext-Tags &lt;blockquote&gt;&lt;/blockquote&gt;-Tag Der Schrift-Tag definiert die Anzeigewirkung der Schriftart. Einige Tags haben ihre eigene Semantik. &lt;blockquote&gt;-Tag Vielen Dank für Ihre Unterstützung von Baidu Experience Definieren Sie ein Zitat von jemand anderem in einem Artikel. Es wird ein eigener Standplatz im Browser angezeigt und beide Seiten werden näher zur Mitte hin verschoben. <blockquote>Schreiben Sie hier einen Absatz mit Wörtern, die jeder kennt. Schreiben Sie hier einen Absatz mit Wörtern, die jeder kennt. Schreiben Sie hier einen Absatz mit Wörtern, die jeder kennt. Schreiben Sie hier einen Absatz mit Wörtern, die jeder kennt. </blockquote> </html>

Tipp: Sie können einen Teil des Codes vor dem Ausführen ändern

Status im Browser:

CSS-Blockzitat-Verschönerungseffekt

Ich glaube, jeder kennt Blockquote. In Word heißt es „Textfeld“, und tatsächlich kann es auf einer Webseite auch als Textfeld bezeichnet werden. Wenn Sie an beiden Enden eines Textabsatzes Blockquote-Tags hinzufügen, wird der Text angezeigt und der Text darin enthält das Format von Blockquote. Wenn Sie also die verschiedenen Eigenschaften von Blockquote mit CSS definieren, werden Sie feststellen, dass dies eine gute Sache ist. Beachten Sie, dass der Internet Explorer einige der Definitionen in diesem CSS-Code nicht unterstützt. Die besten Ergebnisse werden mit Firefox oder Chrome angezeigt.

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::3s::::::333:33333333333333333333ag33333333333333333333333333333 es333333333333333333333333333333 es33 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann dann dann dann aber33333333333333333333 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 dann3 dann3 aber3 dann3 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann nichtie dasen aber aber abersossoss aberstens aberstensss aberten aber abers :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::3s::::::333:33333333333333333333ag33333333333333333333333333333 es333333333333333333333333333333 es33 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann dann dann dann aber33333333333333333333 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 dann3 dann3 aber3 dann3 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann nichtie dasen aber aber abersossoss aberstens aberstensss aberten aber abers :::::::::::

Tipp: Sie können einen Teil des Codes vor dem Ausführen ändern

<<: Ein QQ-Chatroom basierend auf vue.js

>>: Detaillierte Erläuterung der Tabellenrückgabe- und Indexabdeckungsbeispiele in MySQL

Zusammenfassung der Methoden zum Überprüfen, ob der Port in Linux geöffnet ist

Mehrere Möglichkeiten zur Implementierung eines zweispaltigen Layouts mit fester Breite links und adaptiver Breite rechts mithilfe von CSS

Artikel

Nginx-Stream-Konfigurationsproxy (Nginx TCP/UDP-Lastausgleich)

vmware workstation12 installation centos fordert VMware Player und Device/Credential Guard sind inkompatibel, Gründe und Lösungen

Artikel

Verwendung und Verschönerung von HTML-Blockquote-Tags

Zusammenfassung der Methoden zum Überprüfen, ob der Port in Linux geöffnet ist

Kodierungsprobleme und -lösungen, wenn MySQL zwei Tabellen verknüpft

Beispiele für die Verwendung des Linux-Touch-Befehls

Beispielcode zur Implementierung der Anmeldung mit Bestätigungscode in der SMS-API in Node

Implementierung von 2D- und 3D-Transformationen in CSS3

Mehrere Möglichkeiten zur Implementierung eines zweispaltigen Layouts mit fester Breite links und adaptiver Breite rechts mithilfe von CSS

Nginx-Stream-Konfigurationsproxy (Nginx TCP/UDP-Lastausgleich)

Implementierungsbeispiel für die Message Board-Funktion von Node.js+Express

Realisierung von Provinz- und Gemeindeverknüpfungseffekten auf Basis von JavaScript

vmware workstation12 installation centos fordert VMware Player und Device/Credential Guard sind inkompatibel, Gründe und Lösungen

Artikel empfehlen

Beheben von Problemen mit impliziter MySQL-Konvertierung

Detaillierte Erklärung der Verwendung von Bildschirmbefehlen in Linux

Detaillierte Erläuterung inkompatibler Änderungen an Rendering-Funktionen in Vue3

CSS3 realisiert das Effektdiagramm zur Produktanzeige auf der Website

Lösung zum Anwenden von CSS3-Transformationen auf Hintergrundbilder

CSS3-Implementierungsbeispiel zum Drehen nur des Hintergrundbildes um 180 Grad

Detaillierte Erläuterung der Verwendung von Requisiten in den drei Hauptattributen von React

Codebeispiel für das Nutzungsszenario der Nginx-Domänenweiterleitung

Starten Sie die auf Docker basierende nginxssl-Konfiguration

Beispielcode für CSS zum Erzielen eines Bildzoomeffekts und eines langsamen Übergangseffekts beim Bewegen der Maus

So konfigurieren Sie Eureka im Docker

W3C Tutorial (16): Weitere W3C Aktivitäten

Implementierung der MySQL-Datensortierung (aufsteigend und absteigend)

Vue3 kapselt die Textskelett-Effektkomponente der Seitennavigation

Der einfachste Weg, MySQL 5.7.20 mit yum in CentOS 7 zu installieren