3

I have a presentation-like carousel slider containing customer reviews concerning my website and its services. Semantics speaking, is it correct to have each review inside a blockquote?

Example:

<figure class="review-single">
 <blockquote>Review content</blockquote>
 <figcaption>Said by John Doe</figcaption>
</figure>
unor
  • 92,415
  • 26
  • 211
  • 360
Dimitris Leon
  • 73
  • 2
  • 6
  • 1
    Interesting take on the `
    ` (Don't forget to close it) and `
    ` as the signature. The `
    ` is spot on and I cannot really object to the figset although it's unorthodox but in context of it being a slide in a presentation I guess it's ok. Ask yourself, "If this content was removed, would it disrupt the flow of the document?" If the answer is yes, then don't use it, otherwise it's ok semantically.
     – zer00ne Oct 27 '17 at 10:38
  • I think i get your point there. Thanks @zer00ne – Dimitris Leon Oct 27 '17 at 12:13
  • No problem, remember semantics is not a standard it is a way to give HTML meaning and its subjective. Having said that, I try to adhere to a balance between semantics and functionality. For instance, on rare occasions I'll use a table for minor layout but use descriptive classes. – zer00ne Oct 27 '17 at 12:51

1 Answers1

0

You can certainly use a <figure> element to mark up a customer review. Figures are great for marking up block quotations that are meant to be self-contained within a larger body of text. Mozilla's HTML Reference has an example of a <figure> and <blockquote> pairing on their page about the <figure> element.

However, if you consider each customer review to be "independently distributable or reusable" (e.g. placed on other pages or shared independently to other sites) an <article> element with an inner <blockquote> may be more appropriate.

Sean
  • 6,873
  • 4
  • 21
  • 46