CSS3 has support for footnotes in the page module.
http://www.w3.org/TR/2011/WD-css3-gcpm-20111129/#footnotes
It adds a float: footnote; property. From reading that page, I believe this might work, once browser support catches up.
a::after {
float: footnote;
content: attr(href) ' "' attr(title) '"';
}
There are some other interesting additions: title {
display: none;
string-set: title content();
}
@page { @top-left { content: string(title) }}
This will put the page title in the top left corner of the page margins.