Hinweise zur Verwendung des Blockquote-Tags

Semantisierung lässt sich nicht mit wenigen Worten erklären und es gibt bislang keine offizielle und strenge Definition. Was an <blockquote> nicht umstritten ist, ist:
1. Zitieren Sie einen längeren Text
2. Kann ich das Tag oder Attribut „cite“ verwenden? Die Frage ist, muss der zitierte Text in <blockquote> in einem Blockelement enthalten sein?
Zunächst die Erklärung des W3C
9.2.2 Zitate: Die Elemente BLOCKQUOTE und Q<!ELEMENT BLOCKQUOTE - - (%block;|SCRIPT) -- langes Zitat --><!ATTLIST BLOCKQUOTE %attrs;
- %coreattrs, %i18n, %events - zitieren
%URI;
#IMPLIED -- URI für Quelldokument oder Nachricht -- ><!ELEMENT Q - - (%inline;)*
-- kurzes Inline-Zitat --><!ATTLIST Q %attrs;
- %coreattrs, %i18n, %events - zitieren
%URI;
#IMPLIED -- URI für Quelldokument oder Nachricht -- >
Diese beiden Hinweise zeigen an, dass der enthaltene Inhalt ein zitierter Text ist. BLOCKQUOTE wird für langen zitierten Text (Block-Level-Inhalt) und Q für kurzen zitierten Text (Inline-Inhalt) verwendet und erlaubt keine unvollständigen zitierten Sätze.
In diesem Beispiel wird als am häufigsten zitierter Text ein Text aus „Die zwei Türme“ von J.R.R. Tolkien verwendet.
<BLOCKQUOTE cite="http://www.mycom.com/tolkien/twotowers.html">Sie liefen hintereinander wie Jagdhunde auf einer starken Spur, und ihre Augen leuchteten gierig. Fast genau im Westen bahnte sich die breite Schneise der marschierenden Orks ihren hässlichen Weg; das süße Gras von Rohan war beim Vorbeiziehen zerquetscht und geschwärzt worden.</BLOCKQUOTE>
Dieser Artikel wurde unter Verwendung von Webstandards entwickelt und erwähnt die Semantik einiger Tags. Das Folgende ist ein Auszug aus <blockquote>
Für längere Zitate, die einen oder mehrere Absätze bilden, sollte das <blockquote>-Element verwendet werden. CSS kann dann verwendet werden, um das Zitat zu formatieren. Beachten Sie, dass Text nicht direkt innerhalb eines <blockquote>-Elements zulässig ist – er muss in einem Element enthalten sein, normalerweise einem -Element.
Beispiel: <blockquote cite="http://www.w3.org/TR/1999/REC-html401-19991224/struct/text.html"> “Die folgenden Abschnitte behandeln Fragen zur Strukturierung von Text. Elemente, die Text darstellen (Ausrichtungselemente, Schriftelemente, Stilvorlagen usw.) werden an anderer Stelle in der Spezifikation behandelt. Informationen zu Zeichen finden Sie im Abschnitt zum Dokumentzeichensatz.”</blockquote>
http://24ways.org/advent/transitional-vs-strict-markup
In diesem Artikel geht es um „transitional-vs-strict“, den Unterschied zwischen „transitional“ und „standardmäßigem“ XHTML und den Unterschied in den Inhaltsmodellen. In Bezug auf <blockquote> muss der zitierte Inhalt bei „strict“ in einem Blockelement enthalten sein, normalerweise oder <div>.
Unterschiede im Inhaltsmodell
Das Inhaltsmodell eines Elementtyps beschreibt, was eine Instanz des Elementtyps enthalten kann. Der wichtigste Unterschied in den Inhaltsmodellen zwischen Transitional und Strict besteht darin, dass Blockquote-, Body- und Form-Elemente nur Blockebenenelemente enthalten dürfen. Einige Beispiele:
Text und Bilder sind nicht direkt im Body-Element zulässig und müssen in einem Blockelement wie p oder div enthalten sein.
Eingabeelemente dürfen keine direkten Nachkommen eines Formularelements sein.
Text in Blockquote-Elementen muss in ein Blocklevel-Element wie p oder div eingeschlossen werden
Daher denke ich, dass bei strengen Typen Elemente auf Blockebene verwendet werden müssen, um zitierten Text einzuschließen, bei nicht strengen Typen ist dies jedoch nicht erforderlich. Es wird jedoch empfohlen, dies zu tun, da strenge Dokumente strenger sind und als abwärtskompatibel angesehen werden können.

<<: Docker verwendet CMD- oder ENTRYPOINT-Befehle, um mehrere Dienste gleichzeitig zu starten

>>: jQuery-Plugin zur Implementierung des sekundären Akkordeonmenüs

Hinweise zur Verwendung des Blockquote-Tags

W3C Tutorial (1): W3C verstehen

Lösung für MySQL-Replikationsfehler aufgrund voller Festplatte

Vue implementiert 3 Möglichkeiten zum Wechseln zwischen Registerkarten und zum Beibehalten des Datenstatus

Beispielcode für CSS-Stacking und Z-Index

Manjaro-Installation CUDA-Implementierungs-Tutorial-Analyse

Zusammenfassung der vier Möglichkeiten zum Durchlaufen eines Arrays in JS

Verwendung des Linux-Befehls sed

Detaillierte Schritte zum Einrichten und Konfigurieren von NIS-Domänendiensten auf Centos8

Lösung für das 404/503-Problem beim Anmelden bei TeamCenter12

Spezifische Verwendung des Linux-Befehls „dirname“

Artikel empfehlen

Grundlegende Referenztypen der erweiterten JavaScript-Programmierung

Grafisches Tutorial zur Installation und Konfiguration von MySQL (CentOS7)

MySQL-Einstellungen zum Ändern des Root-Passworts, MySQL-Serververbindung, Diagramm allgemeiner MySQL-Befehle

Detaillierte Erklärung von as, Fragezeichen und Ausrufezeichen in Typescript

So verwenden Sie die HTML 5 Drag & Drop-API in Vue

Erläuterung der Methode zum Schreiben von SQL-Anweisungen zum Einfügen

Eine einfache und eingehende Studie zu Async und Await in JavaScript

Detaillierte Erklärung der grep- und egrep-Befehle in Linux

MySQL Series II-Konfiguration für mehrere Instanzen

Die Bedeutung des Statuscodes im HTTP-Protokoll

Praktische Aufzeichnung der Handhabung von MySQL-Problemen beim automatischen Herunterfahren

So verarbeiten Sie sehr große Formularbeispiele mit Vue+ElementUI

Praktische Erklärung zum Bearbeiten, Speichern und Beenden von Dateien unter Linux

CSS, um den Übergangsanimationseffekt des Bildes zu erzielen, wenn die Maus darauf platziert wird

So stellen Sie sicher, dass auf jeder Seite des WeChat Mini-Programms eine Anmeldung erfolgt