Beherrschen Sie die häufig verwendeten HTML-Tags zum Zitieren von Inhalten auf Webseiten.
|
Verwenden Sie „blockquote“ für lange Zitate, „q“ für kurze Zitate und „cit“ für Referenzen. In der Praxis werden normalerweise nur blockquote und q verwendet. Gemäß der HTML-Spezifikation gibt es drei Elemente zum Zitieren von Inhalten, nämlich <blockquote> <q> <cite>. In der Realität werden diese Tags selten verwendet. Wenn Sie sie also anwenden, welche Tags sollten Sie verwenden? Sie müssen mit ihrer Semantik sehr vertraut sein. <blockquote> Ein Blockzitat ist ein Zitat von Inhalten. Der Inhalt muss Blockelemente wie Überschriften, Listen, Absätze oder Div-Tags enthalten. Dieses Element kann auch ein optionales Attribut cite haben, das den Standort angibt (in Form einer URI). Beispiel: <blockquote cite="https://www.jb51.net/reference/htmltags/blockquote/"> <p>Ein großes Zitat. Der Inhalt eines Blockquote-Elements muss Block-Level-Elemente wie Überschriften, Listen, Absätze oder Divs enthalten.</p> <p>Mit „cite“ kann der Ort (in Form einer URI) angegeben werden, von dem das Zitat stammt.</p> </blockquote> <q> Das <q>-Tag definiert ein kurzes Zitat. Das <q>-Tag ist im Wesentlichen dasselbe wie ein <blockquote>. Der Unterschied liegt in ihrer Darstellung und Anwendung. Das <q>-Tag wird für kurze Inline-Zitate verwendet. Bob sagte <q>sexy Pyjamas</q>, aber Chris sagte <q>einen Kimono</q> Obwohl <q> fast nie verwendet wird, hat es einige nützliche Eigenschaften. Beispielsweise können Sie das Aussehen des Anführungszeichensymbols <q> über CSS festlegen. Das ist erlaubt Q {} Q {Anführungszeichen: '»' '«' } Q {Anführungszeichen: '„' '“'} Es scheint gut zu sein, wird aber nicht von der gesamten IE-Reihe unterstützt, nicht einmal vom neuesten IE8. Sehr peinlich~~ <zitieren> Verwenden Sie dieses Tag, um eine Referenz, beispielsweise einen Buch- oder Zeitschriftentitel, zu definieren. Zum Beispiel: <p>Und <cite>Bob</cite> sagte <q>Nein, ich glaube, es ist eine Banane</q>.</p> Zusammenfassen: Verwenden Sie <blockquote> für lange Zitate, <q> für kurze Zitate und <cite> für Referenzen. In der Praxis werden meist nur <blockquote> und <q> verwendet. |
<<: Detaillierte Erklärung zur Verwendung der Clip-Path-Eigenschaft in CSS
>>: Probleme bei der Installation von Python3 und Pip in Ubuntu in Docker
Artikel empfehlen
So finden Sie bei der Anmeldeoberfläche die richtige Balance zwischen Benutzerfreundlichkeit und Sicherheit
Egal ob Sie Webdesigner oder UI-Designer sind, di...
Thumbnail-Hover-Effekt mit CSS3 implementiert
Ergebnisse erzielenImplementierungscode html <...
25 Beispiele für Website-Design im Nachrichtenstil
bmi Voyager Heugabel Ulster Lebensmittelhändler F...
MySQL 8.0.20 Installations- und Konfigurations-Tutorial unter Win10
Super ausführliches Tutorial zur Installation und...
So begrenzen Sie die Anzahl der Datensätze in einer Tabelle in MySQL
Inhaltsverzeichnis 1. Lösung auslösen 2. Partitio...
So verbinden Sie die Idee mit Docker, um eine Bereitstellung mit einem Klick zu erreichen
1. Ändern Sie die Docker-Konfigurationsdatei und ...
setup+ref+reactive implementiert Vue3-Reaktionsfähigkeit
Das Setup wird zum Schreiben kombinierter APIs ve...
Tutorial zur Installation von mysql-8.0.18-winx64 unter Windows (mit Bildern und Text)
1. Laden Sie das Installationspaket herunter Das ...
So finden und löschen Sie doppelte Zeilen in MySQL
Inhaltsverzeichnis 1. So finden Sie doppelte Zeil...
Reines CSS3 zum Erstellen eines Beispielcodes für Haushühner
Ich habe in letzter Zeit viel Wissen und Artikel ...
Untersuchen der Verwendung von Prozentwerten in der Eigenschaft „Hintergrundposition“
Auswirkungen der Hintergrundposition auf die Anze...
Detaillierte Erläuterung des Installations- und Konfigurationsprozesses von mysql8.018 unter Linux
Installationseinführung unter Windows: Schauen Si...
Detaillierte Erklärung der Bildlaufleisten-Bildlaufsteuerung von DOM-Elementen in HTML
Ich weiß nicht, ob Sie schon einmal auf eine solc...
Lösung für falsche Zeichenfolgenwerte in MySQL
Viele Freunde berichten von folgendem Fehler, wen...
Neue Ideen zur Zeitformatierung in JavaScript toLocaleString()
Inhaltsverzeichnis 1. Konventionelle Ideen zur Ze...