Korrekte Verwendung von Blockquote, q und zitieren?
-
18-09-2019 - |
Frage
Ist das die korrekte Verwendung von Blockquote
, q
und cite
?
<p>
<blockquote>Type HTML in the textarea above, <q>and it will magically appear</q> in the frame below.
</blockquote>
<cite><a href="http://stackoverflow.com">refrence url</a>
</p>
Ist die Verwendung von Blockquote
, q
semantisch korrekt? oder beide sind Präsentations-Element, so sollten nicht verwendet werden?
Lösung
Ja. Sie sind nicht die Präsentations-Elemente - blockquote
stellen ein Blockzitat, q
stellt ein Inline-Zitat und cite
stellt einen Verweis auf einen Namen, Arbeit, Standard, URL, etc
Sie haben tun einige Validierungsfehler , die mit Blockquote relativ häufig sind. Ein Blockquote Element kann nicht innerhalb eines Absatzes sein, und in HTML4 braucht eigentlich zu enthalten Absätze. Die Verschachtelung der p
und blockquote
Elemente in Ihrem Fragmente muss rückgängig gemacht werden.
Das blockquote
Element (auch das q
Element) kann optional ein cite
Attribut hat einen URI wo das Zitat stammte aus angeben. HTML5 sagt Benutzeragenten sollte , die auf den Benutzer zur Verfügung stellen, und HTML4 alles gar nicht sagen. Ich würde den URI sowohl im cite
Attribute enthalten und als Inline-Link, da Browser es nicht handhaben.
Hier ist, wie ich das Fragment schreiben würde, mit diesen Änderungen zu beachten:
<blockquote cite="http://stackoverflow.com">
<p>Type HTML in the textarea above, <q>and it will magically
appear</q> in the frame below.</p>
</blockquote>
<p>
<cite><a href="http://stackoverflow.com">reference url</a></cite>
</p>
dieses Fragment Bestätigen
Andere Tipps
Die anderen Antworten auf dieser Seite sind veraltet, aber die Frage ist immer noch gültig.
Das q
Element ist ein Inline-Element und soll etwa so verwendet werden (dh keine Blockelemente in seinem Innern.):
<p>
In the words of <cite>Charles Bukowski</cite> -
<q>An intellectual says a simple thing in a hard way.
An artist says a hard thing in a simple way.</q>
</p>
Ein weiteres Beispiel:
<p>
<q>This is correct, said Hillary.</q> is a quote from the
popular daytime TV drama <cite>When Ian became Hillary</cite>.
</p>
Das q
Element sollte nicht in einem blockquote
Elemente platziert werden, da es überflüssig wäre - sowohl ein Zitat bezeichnen.
A blockquote
ist ein Blockelement, andere Blockelemente ermöglicht innen platziert werden:
<blockquote>
<p>My favorite book is <cite>At Swim-Two-Birds</cite>.</p>
- <cite>Mike Smith</cite>
</blockquote>
<cite>
ist etwas komplizierter. Es ist ein Inline-Element, aber es hängt davon ab, welche HTML-Spezifikation Sie folgen. Die W3C besagt, dass es enthält eine URL, ein Titel eines Werkes (z. B. Buchtitel, Filmtitel, etc.), oder den Namen eines Autors.
Die WHATWG besagt, dass es kann nur eine URL oder einen Titel eines Werkes, enthalten und so nicht Namens einer Person.
Dies ist eine gültige WHATWG Nutzung:
<figure>
<blockquote>
<p>The truth may be puzzling. It may take some work to grapple with.
It may be counterintuitive. It may contradict deeply held
prejudices. It may not be consonant with what we desperately want to
be true. But our preferences do not determine what's true.</p>
</blockquote>
<figcaption>Carl Sagan, in "<cite>Wonder and Skepticism</cite>", from
the <cite>Skeptical Inquirer</cite> Volume 19, Issue 1 (January-February
1995)</figcaption>
</figure>
Sie sollten sich überlegen BLOCKQUOTE
analog zu einem DIV
und Q
analog SPAN
.
Empfohlene Nutzung ist groß Zitate in BLOCKQUOTE
und kleine, einzelne Zeile oder Satz zitiert in Q
einzuschließen.
<blockquote>
<p>This is a big quote.</p>
<p>This is the second paragraph with a smaller <q>quote</q> inside</p>
</blockquote>
Cite ist ein Attribut entweder auf denen nur die Quelle verweist.
Mit Attributen wie das cite
Attribut der blockquote
oder q
nicht leicht darstellbaren machen (ohne JS oder knifflige CSS) und so spricht nicht das Ziel leicht eine Referenzverbindung darstellen kann. Es ist nun konform cite
(und / oder footer
) in blockquote
die Quelle angeben, entweder textlich von über eine URL, des Zitats, wie unten:
<blockquote>
<p>Beware of bugs in the above code; I have only proved it correct, not tried it.” </p>
<cite><a href="http://www-cs-faculty.stanford.edu/~uno/faq.html">Donald Knuth: Notes on the van Emde Boas construction of priority deques: An instructive use of recursion, March 29th, 1977</a>
</blockquote>
Beachten Sie, dass:
-
Fälle von
cite
, die auch recht selten als Teil der Kursinhalte (nicht die Quellenangabe) sind und sollen durch eine differenzier Klasse auf dem entsprechendencite
Subtag) handhaben sein
-
In Bezug auf
q
ist es in der Tat richtet inline zu zitieren, aber es ist wahrscheinlicher, außerhalb von Blockzitaten (Zitate in Anführungszeichen sind sehr selten) verwendet werden.
Nach dieser "zitieren" ist ein Attribut von q -. und ist an das nicht gut unterstützt
Die semantische (und gilt) die Verwendung des <cite>
Element in der Diskussion immer noch, auch wenn „in HTML5, Verwendung dieses Element den Namen einer Person länger zu markieren ist nicht semantisch als angemessen betrachtet.“
Sie werden einen sehr detaillierten und nützlichen Artikel über „<blockquote>
, <q>
und <cite>
“ finden Sie hier: