Hinweise zur Verwendung des Blockquote-Tags
|
<br />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"><P>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.</P></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 <p>-Element. Beispiel: <blockquote cite="http://www.w3.org/TR/1999/REC-html401-19991224/struct/text.html"> <p>“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.”</p></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 <p> 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
Artikel empfehlen
So starten Sie ein Java-Programm im Docker
Erstellen Sie ein einfaches Spring Boot-Webprojek...
Das WeChat-Applet verwendet die Videoplayer-Videokomponente
In diesem Artikelbeispiel wird der spezifische Co...
Detaillierte Erläuterung der JavaScript-Programmschleifenstruktur
Inhaltsverzeichnis Struktur auswählen Schleifenst...
Vue verwendet Monaco, um Codehervorhebung zu erreichen
Mithilfe der Vue-Sprache und Elementkomponenten m...
Beispielcode zur Implementierung einer Pivot-Tabelle in MySQL/MariaDB
Im vorherigen Artikel wurden mehrere Methoden zur...
Remotedesktopverbindung zwischen Windows und Linux
Wenn es um eine Remotedesktopverbindung zu Linux ...
Ist das Tag „li“ ein Blockelement?
Warum kann es die Höhe festlegen, aber im Gegensat...
Tutorial zur Installation von VMware Workstation 14 Pro unter Ubuntu 16.04
In diesem Artikel wird die spezifische Methode zu...
JavaScript-Timer zur Realisierung einer zeitlich begrenzten Flash-Sale-Funktion
In diesem Artikel wird der spezifische JavaScript...
Beheben Sie das Problem, dass die Alibaba Cloud SSH-Remoteverbindung nach kurzer Zeit getrennt wird
Reproduktion des Problems Alibaba Cloud Server, b...
Wenden Sie „Provide“ und „Inject“ an, um die Vue-Seitenmethode zu aktualisieren
Inhaltsverzeichnis Methode 1: Rufen Sie die Funkt...
MySQL-Datenbanktabelle und Datenbankpartitionierungsstrategie
Lassen Sie uns zunächst darüber sprechen, warum w...
So führen Sie das Springboot-Projekt im Docker aus
1. Klicken Sie unten in IDEA auf Terminal und geb...
Verwenden Sie CSS, um einen kreisförmigen Welleneffekt zu erzielen
Auf Mobilgeräten sehe ich häufig kreisförmige Wel...
Eine kurze Analyse der Unterschiede zwischen Undo, Redo und Binlog in MySQL
Inhaltsverzeichnis Vorwort 【Protokoll rückgängig ...