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
jQuery realisiert den Shuttle-Box-Effekt
In diesem Artikelbeispiel wird der spezifische Co...
So schreiben Sie schönen HTML-Code
So sieht schöner HTML-Code aus. So schreiben Sie ...
IE8 verwendet den Multikompatibilitätsmodus, um Webseiten normal anzuzeigen
IE8 wird mehrere Kompatibilitätsmodi haben. Der IE...
Detaillierte Erklärung zur Verwendung von Docker durch Deepin zur Installation einer MySQL-Datenbank
Fragen Sie zuerst die MySQL-Quelle ab Docker-Such...
Detaillierte Erläuterung mehrerer Befehle in Linux zum Abrufen detaillierter Hardwareinformationen
In Linux-Systemen, insbesondere Serversystemen, i...
Das WeChat-Applet implementiert feste Header- und Listentabellenkomponenten
Inhaltsverzeichnis brauchen: Funktionspunkte Rend...
Beim Zugriff auf die Homepage eines im Docker-Modus gestarteten Tomcat tritt ein 404-Fehler auf
Szenario: Beim Starten von Tomcat in Docker (Vers...
Lösung für die MySQL-Installationsaufforderung „Geben Sie für weitere Hilfe bitte NET HELPMSG 3534 ein“
Bei der heutigen Installation von MySQL erscheint...
Das mobile Vue-Terminal realisiert den gesamten Prozess des Bearbeitens und Löschens nach links
Vorwort Je nach Projektbedarf wird Vue-Touch verw...
Beispiel zum Ändern der inländischen Quelle in Ubuntu 18.04
Die eigene Quelle von Ubuntu stammt aus China, da...
Die Hauptidee zum dynamischen Festlegen von Routing-Berechtigungen in Vue
Ich habe zuvor einige dynamische Routing-Einstell...
Tipps zur Verwendung kleiner HTML-Tags
Phrasenelemente wie <em></em> können d...
Detaillierte Erläuterung der MySql-Analyse langsamer Abfragen und Öffnen des Protokolls langsamer Abfragen
Ich habe mich kürzlich auch mit der Leistungsopti...
Eine kurze Einführung in das bionische Design im Internet-Webdesign
Beim Stichwort Bionik-Design denken viele an die E...
Gründe und Lösungen für die Aufforderung zum Speichern der Aktion nach dem Hochladen von Dateien im Formular
Die JSON-Daten müssen im HTML-Format zurückgegeben...