65 votes

Utilisation correcte de Blockquote, q et cite ?

S'agit-il d'une utilisation correcte de Blockquote , q y 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'utilisation de Blockquote , q Sémantiquement correct ? ou les deux sont des éléments de présentation et ne doivent donc pas être utilisés ?

65voto

Josh Lee Points 53741

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

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

Les blockquote (également l'élément q ) peut éventuellement avoir un élément cite pour spécifier l'URI d'où provient la citation. HTML5 dit agents utilisateurs devrait mettre ce lien à la disposition de l'utilisateur, et HTML4 ne dit rien du tout. J'inclurais l'URI à la fois dans le cite et en tant que 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>

Valider ce fragment

1 votes

Pourquoi faut-il utiliser des <p> différents pour mettre <cite> ? Pourquoi ne peut-on pas mettre le même <p> après </blockquote> ?

0 votes

Une citation en bloc ne peut pas se trouver à l'intérieur d'un paragraphe. Après avoir fermé la balise blockquote, vous devez commencer un nouveau paragraphe.

7 votes

Mais ne peut-on pas mettre <cite> dans <blockquote> après </p> ?

6voto

Joel Potter Points 12759

Vous pouvez envisager BLOCKQUOTE analogue à un DIV y Q analogue à SPAN .

Il est recommandé de placer les guillemets entre BLOCKQUOTE et de petits guillemets d'une ligne ou d'une phrase 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>

Citer est un attribut de l'un ou l'autre qui indique simplement la source.

4voto

Javarome Points 490

L'utilisation d'attributs tels que le cite de l'attribut blockquote o q ne le rend pas facilement affichable (sans JS ou CSS compliqué) et ne répond donc pas à l'objectif d'afficher facilement un lien de référence. Il est désormais conforme pour inclure cite (et/ou footer ) en blockquote pour spécifier la source de la citation, soit textuellement, soit par le biais d'une URL, 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>

On notera que :

  • cas de cite qui font partie du contenu de la citation (et non de la référence de la source) sont également considérées comme assez rares, et devraient être traitées par une classe de différenciation sur l'élément pertinent de la cite sous-étiquette)

  • En ce qui concerne q il est en effet prévu de citer en ligne, mais il est plus probable qu'il soit utilisé en dehors des guillemets (les guillemets dans les guillemets sont assez rares).

1voto

yumyo Points 321

L'utilisation sémantique (et valide) de l'élément <cite> est toujours débattu, même si l'on peut s'attendre à ce que l'élément "En HTML5, l'utilisation de cet élément pour marquer le nom d'une personne n'est plus considérée comme appropriée d'un point de vue sémantique.

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

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

0 votes

Une autre bonne lecture sur le sujet (avec des exemples de balisage) est l'article de A List Apart et le Gist que vous pouvez trouver ici : alistapart.com/blog/post/ et ici : gist.github.com/murtaugh/4489740

0 votes

html5doctor.com/blockquote-q-cite Aujourd'hui (2014-09-29), on peut lire : "Les définitions de cite et blockquote en HTML ont changé. Pour obtenir les derniers conseils sur l'utilisation de ces éléments, reportez-vous à Citation et citation en bloc - rechargé "

0voto

Traveling Tech Guy Points 6975

Según cette , "citer" est un attribut de q - et elle n'est pas bien soutenue en plus.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X