editor icon indicating copy to clipboard operation
editor copied to clipboard

Request: Blockquote reference

Open jamiehunterdesign opened this issue 5 years ago • 7 comments
trafficstars

I'd like to add a quote reference under the blockquote. At the moment I'm repurposing an h3 for it, which is far from ideal. Could be an optional thing?

jamiehunterdesign avatar Feb 03 '20 10:02 jamiehunterdesign

I think this is a really good idea. What would be the ideal semantic HTML for the reference?

bastianallgeier avatar Feb 07 '20 12:02 bastianallgeier

A cite in a footer, but that’s quite verbose: https://html5doctor.com/blockquote-q-cite/#examples

Edit: Oh, actually looks like you can use <cite> directly now: https://html5doctor.com/cite-and-blockquote-reloaded/

lukasbestle avatar Feb 07 '20 13:02 lukasbestle

This example from the spec looks quite good:

<blockquote>
<p>♥ Bukowski in <a href="https://twitter.com/search?q=%23HTML5&src=hash">#HTML5</a> spec examples <a href="http://t.co/0FIEiYN1pC">http://t.co/0FIEiYN1pC</a></p>
<cite>— karl dubost (@karlpro)  <a href="https://twitter.com/karlpro/statuses/370905307293442048">August 23, 2013</a></cite>  
</blockquote>

I think I would go for a version though that isn't as complex and only offers a simple text field for the cite + an optional link field. When the link is filled in, the cite text will be wrapped in the link entirely.

bastianallgeier avatar Feb 07 '20 14:02 bastianallgeier

This would also very well serve as an example on how to create custom blocks with multiple fields.

moritzebeling avatar Feb 28 '20 14:02 moritzebeling

When the link is filled in, the cite text will be wrapped in the link entirely.

Unless I missed something I guess the other way around would be more appropriate: <cite> person name <a href="..">link to **citation** source</a> </cite>
I wouldn't want the whole citation incl. the person's name become a single link. The link is supposed to refer to the cited source only, but not necessarily include the person's name.

Want to keep it simple? Leave it up to the author to place an optional link (or not) after the name with whatever label s/he wants.

WebMechanic avatar Mar 09 '20 21:03 WebMechanic

please read https://developer.mozilla.org/en-US/docs/Web/HTML/Element/cite#Usage_notes The usage of <cite> is not exclusively limited to the scope of <blockquote> or <q>.

WebMechanic avatar Mar 09 '20 21:03 WebMechanic

Any updates on this, @bastianallgeier?

macx avatar Oct 16 '20 10:10 macx