Blockquote pattern

[danburzo]

Hi Stephanie, great idea & content! I learned about role='list' on <ul>.

I was recently curious about blockquote patterns and it seems that the recommendations have changed and the WHATWG HTML spec is not recommending <footer> in <blockquote> anymore, but rather something like:

<figure>
  <blockquote>quote</blockquote>
  <figcaption>— <cite>author</cite></figcaption>
</figure>

[Brixy]

Hi and thanks for your recipes.

An addition: cite is used to reference the title of a creative work.

So this might be more correct:

Author only

<figure>
  <blockquote>quote</blockquote>
  <figcaption>— author</figcaption>
</figure>

Author name and title of creative work

<figure>
  <blockquote>quote</blockquote>
  <figcaption>— author, <cite>title of creative work</cite></figcaption>
</figure>

[Stopa]

I came here to say just that!

Additionally, looking at the site, I was sondering if lorem ipsum is a good idea for placeholder text in these examples. Because they're focused on conveying the semantics and structure of information and lorem ipsum doesn't have those by design. For example, in the case of blockquote, "Laura Ipdo" reads like an author's name, but could just as well be the title of a work or anything else, so I wasn't sure if the pattern was conveyed correctly. An explanatory paragraph could help as well, but maybe having more "realistic" text in the patterns would help them speak for themselves?

Great resource, by the way, congrats on being included in the HTMHell advent calendar!