Uso corretto di Blockquote, q e citare?
-
18-09-2019 - |
Domanda
E 'questo l'uso corretto di Blockquote
, q
e 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>
è l'uso di Blockquote
, q
semanticamente corretto? o entrambi sono elemento di presentazione, quindi non dovrebbe essere usato?
Soluzione
Sì. Si tratta di elementi non di presentazione - blockquote
rappresenta un preventivo blocco, q
rappresenta una quotazione in linea e cite
rappresenta un riferimento a un nome, di lavoro, di serie, URL, etc
Si ha un po ' errori di convalida che sono abbastanza comuni con blockquote. Un elemento blockquote non può essere all'interno di un paragrafo, e in HTML4 in realtà ha bisogno di contengono paragrafi. La nidificazione degli elementi p
e blockquote
nel frammento deve essere invertita.
L'elemento blockquote
(anche l'elemento q
) può opzionalmente avere un attributo cite
per specificare un URI in cui la citazione è venuto da. HTML5 dice agenti utente dovrebbe fare quel collegamento disponibile per l'utente, e HTML4 non dice nulla. Vorrei includere l'URI sia l'attributo cite
e come un collegamento in linea, dal momento che i browser non gestiscono esso.
Ecco come avrei scritto quel frammento, con quelle revisioni in mente:
<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>
Altri suggerimenti
Le altre risposte in questa pagina non sono aggiornati, ma la questione è ancora valido.
L'elemento q
è un elemento in linea e deve essere usato in questo modo (cioè nessun elementi di blocco al suo interno.):
<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>
Un altro esempio:
<p>
<q>This is correct, said Hillary.</q> is a quote from the
popular daytime TV drama <cite>When Ian became Hillary</cite>.
</p>
L'elemento q
non deve essere collocato all'interno di un elemento blockquote
, come sarebbe ridondante - sia denotare un preventivo.
Un blockquote
è un elemento di blocco, consentendo altri elementi di blocco da inserire all'interno:
<blockquote>
<p>My favorite book is <cite>At Swim-Two-Birds</cite>.</p>
- <cite>Mike Smith</cite>
</blockquote>
<cite>
è leggermente più complicato. Si tratta di un elemento inline ma dipende che specifiche HTML che stai seguendo. Il W3C afferma che essa può contenere un URL, un titolo di un'opera (ad es. titolo del libro, titolo del film, ecc), o il nome di un autore.
WHATWG stati che esso può contenere solo un URL o un titolo di un'opera, e così non nome di una persona.
Questo è un uso WHATWG valida:
<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>
Si potrebbe prendere in considerazione BLOCKQUOTE
analogo ad un DIV
e Q
analogo a SPAN
.
Utilizzo raccomandato è quello di racchiudere grandi citazioni in BLOCKQUOTE
e piccoli, singola linea o preventivi frase in Q
.
<blockquote>
<p>This is a big quote.</p>
<p>This is the second paragraph with a smaller <q>quote</q> inside</p>
</blockquote>
Cite è un attributo su entrambi che limita a rilevare la sorgente.
Utilizzando attributi quali l'attributo cite
del blockquote
o q
non lo rende facilmente visualizzabile (senza JS o ingannevole CSS) e quindi non affronta l'obiettivo di visualizzazione di un collegamento di riferimento facilmente. Ora è conforme per includere cite
(e / o footer
) in blockquote
per specificare l'origine, sia mediante il testo di tramite un URL, della citazione, come di seguito:
<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>
Si noti che:
-
casi di
cite
che fanno parte dei contenuti di citazione (non citazione della fonte) sono ritenuti abbastanza rari, e dovrebbe essere gestire attraverso una classe differenciating alla relativa subtagcite
) -
Per quanto riguarda
q
, si è infatti rivolto a citare in linea, ma è più probabile che sia utilizzato al di fuori di blockquotes (citazioni tra virgolette sono piuttosto rari).
questo , "cite" è un l'attributo di q -. e non è ben supportato in quel
L'uso semantica (e valido) dell'elemento <cite>
è ancora in discussione, anche se "in HTML5, l'uso di questo elemento per contrassegnare il nome di una persona non è più considerato semanticamente appropriato".
Troverete un articolo molto dettagliato e utili su "<blockquote>
, <q>
e <cite>
" qui: