Utilisation correcte de Blockquote, q et citer?

Question

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 l'utilisation de Blockquote, q sémantiquement correcte? ou les deux sont des éléments de présentation, ne devrait donc pas être utilisé?

Answer 1

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

.

Vous avez une erreurs de validation qui sont assez communs avec blockquote. Un élément blockquote ne peut pas être à l'intérieur d'un paragraphe, et HTML4 a réellement besoin contiennent paragraphes. L'imbrication des éléments de p et blockquote dans votre fragment doit être inversée.

L'élément blockquote (également l'élément de q) peut éventuellement avoir un attribut cite pour spécifier un URI où la citation est venue. HTML5 dit agents utilisateurs devrait faire ce lien à la disposition de l'utilisateur, et HTML4 ne dit rien du tout. J'inclure l'URI à la fois dans l'attribut cite et comme un lien en ligne, car les navigateurs ne gèrent pas.

Voilà comment je voulais écrire ce fragment, avec ces révisions à l'esprit:

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

Valider ce fragment

Answer 2

Les autres réponses sur cette page sont à jour, mais la question est toujours valide.

L'élément q est un élément en ligne et doit être utilisé comme tel (c.-à-pas d'éléments de bloc à l'intérieur.):

<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 de blockquote, car il serait redondant - désignent tous deux un devis.

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

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

<cite> est un peu plus compliqué. Il est un élément en ligne, mais cela dépend de l'spec HTML que vous suivez. W3C indique qu'il peut contenir une URL, un titre d'une œuvre (par exemple. le titre du livre, le titre du film, etc.), ou le nom d'un auteur.

Les états WHATWG il ne peut contenir une URL ou un titre d'une œuvre, et ainsi de pas

le nom d'une personne.

Ceci est un usage WHATWG valide:

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

Answer 3

Vous pourriez envisager BLOCKQUOTE analogue à un DIV et Q analogue à SPAN.

Utilisation recommandée est de joindre les grandes citations dans BLOCKQUOTE et petites, une seule ligne ou des citations de phrases dans Q.

<blockquote>
    <p>This is a big quote.</p>
    <p>This is the second paragraph with a smaller <q>quote</q> inside</p>
</blockquote>

Cité est un attribut de part et qui se borne à la source.

Answer 4

Utilisation des attributs tels que l'attribut cite du blockquote ou q ne fait pas facilement affichable (sans JS ou CSS délicat) et ainsi ne répond pas à l'objectif d'afficher un lien de référence facilement. Il est maintenant conformait d'inclure cite (et / ou footer) dans blockquote pour spécifier la source, soit textuellement de par 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:

• cas de cite qui font partie du contenu de citation (pas la source de référence) sont également considérés comme assez rares, et devraient être gérer par une classe différenciants sur le sous-élément de cite pertinent)

• En ce qui concerne q, il est en effet destiné à citer en ligne, mais il est plus susceptible d'être utilisé à l'extérieur des blocs de citation (citations dans les citations sont assez rares).

Answer 5

Selon cette , "cite" est un attribut q -. et ne sont pas bien pris en charge à ce

Answer 6

L'utilisation sémantique (et valide) de l'élément <cite> est encore en débat, même si « en HTML5, l'utilisation de cet élément pour marquer ne soit plus considérée sémantiquement appropriée le nom d'une personne. »

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

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