web-dev-qa-db-fra.com

Utilisation correcte de Blockquote, q et cite?

Est-ce l'utilisation correcte de Blockquote, q et 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>

Est-ce que l'utilisation de Blockquote, q est sémantiquement correcte? ou les deux sont élément de présentation, donc ne devrait pas être utilisé?

cssxhtmlw3cweb-standards
47
Jitendra Vyas

Oui. Ce ne sont pas des éléments de présentation - blockquote représente une citation en bloc, q représente une citation en ligne et cite représente une référence à un nom, travail, standard, URL, etc.

Vous avez quelques erreurs de validation qui sont assez courantes avec blockquote. Un élément blockquote ne peut pas être à l'intérieur d'un paragraphe, et en HTML4 doit en fait contenir contient paragraphes. L'imbrication des éléments p et blockquote dans votre fragment doit être inversée.

L'élément blockquote (également l'élément q) peut éventuellement avoir un attribut cite pour spécifier un URI d'où provient la citation. HTML5 dit user agents devrait mettre ce lien à la disposition de l'utilisateur, et HTML4 ne dit rien du tout. J'inclurais l'URI à la fois dans l'attribut cite et sous forme de lien en ligne, car les navigateurs ne le gèrent pas.

Voici comment j'écrirais ce fragment en tenant compte de ces révisions:

<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>

Validez ce fragment

44
Josh Lee

Les autres réponses sur cette page sont obsolètes, mais la question est toujours valide.

L'élément q est un élément inline et doit être utilisé comme suit (c'est-à-dire qu'il ne contient aucun élément de bloc):

<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 autre exemple:

<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'élément q ne doit pas être placé à l'intérieur d'un élément blockquote, car il serait redondant - les deux désignent une citation. 

Un blockquote est un élément de bloc, permettant à d'autres éléments de bloc d'être placés à l'intérieur:

  <blockquote>
    <p>My favorite book is <cite>At Swim-Two-Birds</cite>.</p>
    - <cite>Mike Smith</cite>
  </blockquote>

<cite> est légèrement plus compliqué. C'est un élément en ligne, mais cela dépend de la spécification HTML que vous suivez. Le W3C indique qu'il peut contenir une URL, le titre d'une œuvre (par exemple, le titre d'un livre, le titre d'un film, etc.) ou le nom d'un auteur. 

Le WHATWG indique qu'il ne peut contenir que l'URL ou le titre d'une œuvre, et donc pas le nom d'une personne.

Ceci est une utilisation valide du WHATWG:

<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>
10
Chuck Le Butt

Vous pouvez considérer BLOCKQUOTE analogue à DIV et Q analogue à SPAN.

L'utilisation recommandée consiste à inclure de grandes guillemets en BLOCKQUOTE et de petites citations à une ligne ou de phrases en 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 est un attribut qui ne fait que pointer vers la source.

4
Joel

L'utilisation d'attributs tels que l'attribut cite de blockquote ou q ne le rend pas facilement affichable (sans JS ni CSS compliqué) et ne répond donc pas à l'objectif d'afficher facilement un lien de référence. Il est maintenant conforme d'inclure cite (et/ou footer) dansblockquote pour spécifier la source, sous forme textuelle ou via une URL, de la citation, comme ci-dessous:

<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>

Notez que :

  • les cas de cite faisant partie du contenu de la citation (et non la référence de la source) sont également considérés comme étant assez rares et doivent être traités via une classe de différenciation sur la balise cite pertinente) 

  • En ce qui concerne q, il est effectivement question de citer inline, mais il est plus probable qu’il soit utilisé en dehors de blockquotes (les citations entre guillemets sont assez rares).

3
Javarome

L'utilisation sémantique (et valide) de l'élément <cite> fait toujours l'objet de discussions, même si "en HTML5, l'utilisation de cet élément pour marquer le nom d'une personne n'est plus considérée comme sémantiquement appropriée".

Vous trouverez un article très détaillé et utile sur "<blockquote>, <q> et <cite>" ici:

http://html5doctor.com/blockquote-q-cite/

0
yumyo

Selon this , "cite" est un attribut de q - et n’est pas bien pris en charge.

0
Traveling Tech Guy