Ähnlich wie HTML-Tags: strong und em, q, cite, blockquote

Es gibt einige Tags in XHTML, die ähnliche Funktionen haben. Natürlich bezieht sich die Ähnlichkeit hier auf semantische Ähnlichkeit, daher ist vielen Leuten nicht klar, wie diese ähnlichen Tags zu verwenden sind. Das heutige Thema besteht daher darin, ähnliche Tags zu zerlegen und den Zweck jedes Tags zu klären. Über den Unterschied zwischen „strong“ und „em“ haben wir bereits gesprochen. Neben strong und em gibt es einige ähnliche Tags wie q, cite
Es gibt einige Tags in XHTML, die ähnliche Funktionen haben. Natürlich bezieht sich die Ähnlichkeit hier auf semantische Ähnlichkeit, daher ist vielen Leuten nicht klar, wie diese ähnlichen Tags zu verwenden sind. Das heutige Thema besteht daher darin, ähnliche Tags zu zerlegen und den Zweck jedes Tags zu klären. Über den Unterschied zwischen „strong“ und „em“ haben wir bereits gesprochen. Neben „strong“ und „em“ gibt es einige ähnliche Tags wie „q“, „cite“ und „blockquote“. Alle drei gehören zur Kategorie der Referenz, es gibt jedoch einige Unterschiede. Lassen Sie uns diese nacheinander erklären.
<q></q>, die Funktion von q besteht darin, nicht blockbezogene Elemente zu zitieren, also Inhalte zu zitieren, die keinen Absatz bilden können. Es kann sich um einen von jemandem gesagten Satz oder einen Dokumentauszug usw. handeln. Die Eigenschaft ist offensichtlich, dass es sich hier um „einen Satz“ handelt. Und q allein erzeugt keinen Absatz. q selbst hat keinen Stil und die meisten Browser legen keinen Standardstil fest, um es hervorzuheben. Aber wir können CSS verwenden, um es vom allgemeinen Inhalt zu unterscheiden. Es gibt ein weiteres sehr wichtiges Attribut im q-Tag, nämlich „cite“. Der Wert des „Cite“-Attributs gibt hauptsächlich an, woher der zitierte Inhalt stammt oder gibt eine Online-Adresse an.
<q cite="http://andymao.com/andy/post/92.html">Dieser Inhalt vermittelt Ihnen ein tieferes Verständnis der Details im Absatz</q>
Achten Sie insbesondere darauf, q nicht als p zu schreiben, da diese beiden Bezeichnungen leicht verwechselt werden können.
Wir haben im vorigen Artikel tatsächlich über „cite“ gesprochen. In diesem Artikel schrieb ich : „Dieses Etikett gibt nur den Titel und den Namen des Dokuments an. Dieses Etikett ähnelt ein wenig dem Referenzkatalog am Ende unseres Buches und ist auch ein wenig wie eine Fußnote.“ Was ist also der Unterschied zwischen diesem und q? Es ist eigentlich sehr einfach zu verstehen. „q“ zeigt den Inhalt an, während „cite“ den Namen der Person oder des Buches anzeigt, das den Inhalt wiedergibt. Cite und q werden oft zusammen verwendet. Zum Beispiel:
<cite>Lu Xun</cite> sagte: <q>Ursprünglich gab es hier keine Straße, aber als mehr Leute darauf gingen, erschien eine Straße</q>. Weitere HTML-Markup-Inhalte auf dieser Site anzeigen.
Was ist also der Unterschied zwischen Blockquote und ihnen? Blockquote ist ein Blockzitat, das laut XHTML beliebige Tags enthalten darf. Die obigen Fragen und Zitate sind nicht so umfassend. Blockquote wird verwendet, wenn Sie einen oder mehrere Absätze zitieren müssen. Der Browser rückt den zitierten Inhalt standardmäßig ein, um ihn von normalen Absätzen zu unterscheiden. Natürlich können wir die Form der Unterscheidung durch CSS-Styles ändern.
In blockquote gibt es ein „cite“-Attribut, das genau wie q dazu dient, die Quelle des Zitats anzugeben. Sie können die URL des Online-Dokuments angeben.
In XHTML-Tags gibt es auch ein Tag namens „pre“. Dieses Tag heißt in Dreamweaver „Formatierung“. Als ich Dreamweaver früher benutzt habe, war mir immer nicht klar, wofür dieses Ding verwendet wird. Erst jetzt ist klar, dass pre normalerweise zum Anzeigen von Quellcode verwendet wird und keine Tags unterstützt, die Absätze trennen können, wie z. B. <p>. Wenn der angezeigte Inhalt umbrochen werden muss, kann er in der Quelldatei umbrochen werden, ohne dass Code erforderlich ist. Gleichzeitig behält pre alle darin enthaltenen Leerzeichen bei und zeigt sie an.
Im Allgemeinen wird pre derzeit zum Anzeigen von Quellcode verwendet, was dem Zweck von Code ähnelt. Der Unterschied besteht darin, dass pre auf Blockebene ist, während Code inline ist. Einfach ausgedrückt kann „pre“ mehrere Inhaltszeilen enthalten, während „code“ nur aus einem kurzen Satz oder wenigen Zeichen besteht.
Da die hier beschriebenen Dinge nicht vollständig erklärt werden können, ist es Ihr Anliegen, nach der Lektüre des Dokuments selbst auszuprobieren und die Besonderheiten zu entdecken. Einige Freunde sagten, sie hoffen, etwas Wissen über CSS zu sehen. Hier möchte ich meine Schreibabsicht zum Ausdruck bringen. Ich hoffe, dass ich es Schritt für Schritt angehen kann, sodass einige Freunde, die das Tabellenlayout noch nicht losgeworden sind, zunächst einige Formen verwenden können, die die Gesamtsituation nicht beeinträchtigen. Da es bei der Verwendung von CSS zu Kompatibilitätsproblemen kommen kann, werde ich hier zunächst über das Dokument sprechen und dann einige CSS-Kenntnisse hinzufügen, die das Gesamtlayout nicht beeinträchtigen. Durch eine schrittweise Vertiefung können die Leser schließlich auf natürliche Weise vom Tabellenlayout zum Standardlayout wechseln. Wenn einige Freunde diesen Schritt bereits im Selbststudium abgeschlossen haben, können sie natürlich in meiner Kolumne „Verschiedene Standards“ mit mir kommunizieren.

<<: Auf Wiedersehen Docker: So wechseln Sie in 5 Minuten zu Containerd

>>: SQL-Gruppierung zum Entfernen von Duplikaten und Sortieren nach anderen Feldern

Eine kurze Diskussion darüber, ob CSS-Animationen durch JS blockiert werden

Lösen Sie das Problem „Willkommen bei nginx auf Fedora!“. Nach der Installation von nginx auf Centos7 befindet sich im Verzeichnis conf.d keine Datei default.conf.

Problembeschreibung Installieren Sie nginx auf Te...

Ähnlich wie HTML-Tags: strong und em, q, cite, blockquote

Eine kurze Diskussion darüber, ob CSS-Animationen durch JS blockiert werden

So konfigurieren Sie die Datei My.ini bei der Installation der MySQL5.6.17-Datenbank

Docker - Zusammenfassung von 3 Möglichkeiten zum Ändern von Container-Mount-Verzeichnissen

Mysql setzt Boolesche Typoperationen

Detaillierte grafische Erklärung zum Löschen des Keep-Alive-Cache

Zwei Möglichkeiten zur Installation des Linux-Subsystems in Windows 10 (mit Bildern und Text)

JS implementiert einen Stoppuhr-Timer

Problem beim Testen des nicht autorisierten Zugriffs auf Zookeeper

MySQL verwendet einen abdeckenden Index, um Tabellenrückgaben zu vermeiden und die Abfrage zu optimieren

So konfigurieren Sie nginx+php+mysql in Docker

Artikel empfehlen

Mit CSS3 implementierte Schaltfläche zum Hovern von Bildern

Grundlegende Nutzungsanalyse von Explain, einem magischen Tool zur MySQL-Leistungsoptimierung

So versetzen Sie JavaScript in den Ruhezustand oder in den Wartezustand

Implementierung des Docker-CPU-Limits

Vue elementUI implementiert Baumstrukturtabelle und Lazy Loading

Lösen Sie das Problem „Willkommen bei nginx auf Fedora!“. Nach der Installation von nginx auf Centos7 befindet sich im Verzeichnis conf.d keine Datei default.conf.

So fügen Sie ein Lua-Modul zu Nginx hinzu

Detaillierte Erklärung zur Verwendung von MySQL, wobei

So vereinheitlichen Sie den Zeichensatz einer vorhandenen MySQL-Datenbank

Analyse der Protokolldateien im Tomcat-Protokollverzeichnis (Zusammenfassung)

Das native VIDEO-Tag der HTML-Seite verbirgt die Download-Button-Funktion

Tutorial zum Ändern von Inline-Stilen von element.style

Lösung für FEHLER 1054 (42S22) beim Ändern des Passworts in MySQL 5.7

Verwendung der Vue3-Tabellenkomponente

Beispiel eines Befehls zur Linux-Hardwarekonfiguration