Embeds and Quotations in Writing

Chris wrote “0 KB Social Media Embeds” and it got me thinking about my own approach to embeds and quotations in my writing.

A lot of my blogging is quoting other people.

I remember debating the use of social embeds on my blog because I quoted a lot of things on Twitter.

But I also quoted a lot of things from blogs, and blogs don’t have special embeds. There’s no <iframe src=chriscoyier.net><script>. So why should social sites get different treatment?

That’s when I decided to try and be more systematically coherent with how I quote other writing.

At first, I wanted to use a pattern similar to what Chris uses in his post of <blockquote> with <cite>.

  <p>Something really insightful.</p>
  <cite><a href="">Jane Doe on her blog</a></cite>

However, I was using markdown and lazy old me didn’t want to write HTML every time I quoted someone. So instead changing how I write my markup, I changed the way I write my prose.

In essence, I fell back to what my college writing professor told us we should do: preface what somebody said in your own words, then quote them. This landed me on an approach that uses <a> with <blockquote> because that’s easy in markdown.

[On her blog, Jane Doe](LINK) said something insightful:

> Something really insightful.

Which outputs as:

<p><a href>On her blog, Jane Doe</a> said something insightful:</p>
<blockquote><p>Something really insightful.</p></blockquote>

But really it doesn’t even have to be a <blockquote>. It could all be inline in a paragraph.

[On her blog, Jane Doe](LINK) said something really insightful: “Something really insightful.”

Which outputs:

<p><a href="">On her blog, Jane Doe</a> said something insightful: “Something really insightful.”</p>

That’s the beauty of the web: you get a paragraph of text (like a book) but then you also get an interactive hyperlink to the source.

An “embed” could be as simple as text in quotes with a link.

It’s simple, understandable, 0kb, and will last forever. Plus, as Chris points out, you can absorb it without the social influence of how many likes it got.