“Bonne” façon de marquer des témoignages en HTML

J'ai pensé que ce serait une chose assez facile à trouver en ligne, mais il semble que non. J'essaie de trouver ce qui serait considéré comme la bonne façon de marquer une liste de témoignages - des citations d'auteurs sur une page.

par exemple

"C'est ce que je pense"
- Mon Nom, Mon Entreprise

J'imagine que la citation doit aller dans une blockquote. J'ai aussi vu certains cas l'utilisation de citer d'où une citation, mais la référence HTML semble montrer que cette fonction doit être utilisée pour donner l'URL d'une page web que la citation vient de, pas le nom de la personne.

Quelqu'un aurait-il des suggestions pour la façon dont cela devrait être marquée?

Lorsque vous vous référez à "citer", qui faites-vous référence à: l'attribut de <blockquote> ou de l'élément?
Je faisais allusion à l'élément n'a pas vraiment réalisé, il y a un attribut du même nom.

OriginalL'auteur Kevin Wilson | 2009-07-15

html

19

La "vieille" manière:

J'ai peut-être carillon très la fin, mais je pense que le suivant est la bonne façon de marquer un témoignage:
```
<figure>
    <blockquote>
        "This is what I think"
    </blockquote>
    <footer>
        — <cite class="author">My Name</cite>, <cite class="company">My Company</cite>
    </footer>
</figure>
```
Par le W3C spec:

...la citation est contenue dans le pied de page d'un élément figure, ce groupes et associés de l'information, à propos de la citation, avec la citation...

.

.

.

L'élément figure représente un flux de contenu, éventuellement avec une légende, qui est autonome (comme une phrase complète)...

Mise à jour:

@MCTaylor17 l'a souligné, la meilleure pratique a changé en ce qui concerne citant un devis. Voici le nouveau spec (décembre 2017): https://www.w3.org/TR/html52/textlevel-semantics.html#the-cite-element

Maintenant la <cite> élément est prévu de n'importe où que vous attendez Le Phrasé De Contenu. Cela signifie qu'il doit aller dans un <p>, <blockquote>, etc.

Exemple 17 dans la spec montre à l'aide d'un <cite> dans un <blockquote>:
```
  <blockquote>"Money is the real cause of poverty,"
  <footer>
  <cite id="baseref">The Ragged-Trousered Philanthropists, page 89.</cite>
  </footer>
  </blockquote>
```
Pour l'appliquer à votre propre citation:
```
<blockquote>
    "This is what I think"
    <footer>
        — <cite class="author">My Name</cite>, <cite class="company">My Company</cite>
    </footer>
</blockquote>
```
Je ne pense pas que ce soit la meilleure pratique plus. De ce que je comprends, il est préférable de placer les <footer> à l'intérieur de la <blockquote> éliminant la nécessité d'un <figure>.
Je ne serais pas surpris si les meilleures pratiques ont changé dans la dernière 3 ans 🙂 je vais vérifier le W3C spec et voir si ils ont modifié. Si oui, je vais ajouter une mise à jour de mon post avec la nouvelle recommandation.

OriginalL'auteur stevendesu
12

Vous avez raison dans votre hypothèse qu'un devis est censé aller dans un blockquote élément et que la cite attribut doit être utilisé pour l'URI. Personnellement, j'ai la poignée de l'auteur de la citation avec un div ou p au bas de la citation comme suit:
```
<blockquote cite="http://a.uri.com/">
    <p>This is a really insightful sentence.</p>
    <p class="quoteCite">Darko Z</p>
</blockquote>
```
Puis-je utiliser le CSS pour le faire paraître belle. Assez basique. Vous pouvez aller regarder Microformats.org ainsi et de la recherche autour pour des idées.

Espère que cette aide

EDIT: Sa fin et il a glissé mon esprit, mais vous pouvez également utiliser le cite élément
```
<blockquote cite="http://a.uri.com/">
    <p>This is a really insightful sentence.</p>
    <cite>Darko Z</cite>
</blockquote>
```
mais je ne suis pas 100% sûr de savoir comment bien pris en charge, pour être honnête

EDIT 2: Selon le HTML 5 projet de, citer shoudn pas être un nom d'auteur donc pour l'avenir de l'épreuvage vous ne devriez probablement pas utiliser citer à cet effet.

La cité n'est pas une partie de la citation, il doit être à l'extérieur de l'élément blockquote. Blockquote est de le citer, de bloquer le contenu, de sorte que vous devez envelopper le paragraphe (par exemple), les éléments autour du contenu.
D'accord sur l'emballage de contenu ont mis à jour le code. pas encore certain de savoir si la cité devrait être une partie de la citation ou pas (si c'est la façon dont je l'ai fait dans le passé). La recherche de sources crédibles droit maintenant, pour voir ce qu'ils disent...
Merci pour les commentaires et les suggestions. Les Microformats exemples semblent impliquer la suppression de l'élément blockquote tout; ce qui semble un peu étrange. J'ai eu un coup d'oeil rapide à l'HTML 5 projet. Pratique ce qu'ils disent citer ne doit pas être utilisé pour le nom de l'auteur puis de négligence-à-dire ce qui doit être utilisé pour cela. Donc, il va probablement utiliser certains méli-mélo d'blockquote, cité et sont les microformats. Merci encore, K
RE: ce que l'élément à utiliser pour les noms. De HTML 5, document de Travail, 23 avril 2009: "Dans certains cas, l'élément b pourrait être approprié pour les noms; par exemple, dans un des potins de l'article où les noms de personnes célèbres sont les mots-clés rendu avec un style différent pour attirer l'attention sur eux. Dans d'autres cas, si un élément est vraiment nécessaire, la durée de l'élément peut être utilisé."
9 ans plus tard, et HTML 5.3 dit que le nom est la partie de la citation. w3c.github.io/html/textlevel-sémantique.html#la-cite-élément

OriginalL'auteur Darko Z

Les choses ont changé. Je pense qu'une bonne structure de ce siècle devrait ressembler à:

<blockquote>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
    <footer>
       <cite title="Source Title">
          <a href="http://www.thelorem.com">Bill Gates</a>
       </cite>
    </footer>
</blockquote>

Oui, voir la html5doctor.com/cite-and-blockquote-reloaded

OriginalL'auteur Tom Sarduy

6

Vous pouvez être intéressé par l'aide de la hReview format--Google est répandu pour la soutenir, et c'est à peu près applicables à votre situation, selon que vous n'êtes intéressé que par l'apparence, ou si vous voulez vous faciliter la lisibilité.

Merci - je ne pense pas que de l'utilisation de l'aide d'un examen mf pour un témoignage - bonne idée!

OriginalL'auteur Michiel Buddingh
0

Si vous vous demandez comment cela doit être marqué du point de vue sémantique, oui, utiliser un bloc de citation, et oui, l'attribut cite est pour les URL. Comme pour la présentation, vous pouvez utiliser ce que vous voulez et le style en conséquence.

Les visiteurs ne verront jamais la différence, à moins qu'ils regarder le code source, et je ne peux pas imaginer que cela aurait une incidence sur le RÉFÉRENCEMENT.

L'attribut cite est pour les Uri, pas seulement les Url. Vous pourriez, par exemple, utiliser un ISBN URN si vous étiez en citant un livre.
Je suis au courant. J'ai été en utilisant sa terminologie pour des raisons de simplicité.

OriginalL'auteur Keith Bentrup

HTML5 comprend un <figcaption> tag. À la pentecôte:

<figure>
    <blockquote cite="http://example.com/page">
        Nevermore
    </blockquote>
    <figcaption>
        The Raven
    </figcaption>
</figure>

Pourquoi le downvote?

OriginalL'auteur Steve Almond

À la suite de la Mozilla Developer API ce est la bonne façon de marquer un témoignage:

<figure>
    <blockquote>
        "This is my testimonial"
    </blockquote>
    <figcaption>
        — <cite class="author">My Name</cite>, <cite class="company">My Company</cite>
    </figcaption>
</figure>

OriginalL'auteur CristyTarantino

-4
```
<!DOCTYPE html>
<blockquote>
  <p>Quote
</blockquote>
<p>Author
```
serait plus correct.

Vous pourriez au moins ajouter de fermeture </p> balises. Peut aider à éliminer les votes négatifs....
Quel est le problème avec la non fermeture de votre <p>s?
en fait par la spec HTML5: Un élément p de la balise de fin peut être omis si l'élément p est immédiatement suivie par une adresse, article, aside, blockquote, les détails, div, dl, fieldset, figcaption, la figure, le pied de page, forme, h1, h2, h3, h4, h5, h6, en-tête, hgroup, les rh, le principal, menu, nav, ol, p, pre, section, un tableau ou un élément ul, ou si il n'y a plus de contenu dans l'élément parent et le parent de l'élément

OriginalL'auteur Ms2ger

Vous devez vous connecter pour publier un commentaire.

La "vieille" manière:

Mise à jour: