From IndieWeb
Jump to navigation Jump to search

h-cite is the microformats2 vocabulary for marking up citations and references on web sites.

IndieWeb Uses

There are several IndieWeb uses of h-cite:

  • photo - As information on an embedded photo. For example, if it has a different author than the post.
  • reply-context - On the summary display of the original post that a reply/comment is in-reply-to.
  • comments - On comments shown below a post that have been federated/syndicated in from their original reply permalink.
  • like - Add additional add context about what you like.
  • repost - Add additional add context about what resonated with you and you wished to draw the reader's attention to through the repost.

Notes on markup and usability

  • blockquote and cite tags - when quoting other blog posts, it's good to provide a fully marked up citation using h-cite and the blockquote and cite HTML tags.
  • Citation user interface - it is suggested to provide an explicit <cite class="h-cite"> markup in an input text box at the bottom of blog posts. This allows others to easily copy and paste your content into their follow-up blog posts or responses.
    • Tantek provides such input boxes with citation markup to copy/paste in the footer of every article he publishes, e.g. [1]


Q: When making a mentions stream, should I use h-cite around each entry?

A: If you are displaying the entire entry, then it does not need an h-cite. If you are citing a summary of the entry β€” e.g. name, URL, and dt-published β€” then an h-cite is appropriate.

IndieWeb Examples

Christian Weiske

Christian Weiske uses h-cite to mark up books he has in his library - http://cweiske.de/books.htm

gRegor Morrill

gRegor Morrill: I've published h-cite on:

add yourself!

See Also