I created a series of sources pages on https://www.wikitree.com/wiki/Category:Sources-Rowley%2C_Rowley_Name_Study and when I want to reference a source, for example if I want to reference the mouthful of
Brainard, Homer W. Henry Rowley and Some of His Descendants. New York Genealogical and Biographical Record, Volume XXXVII (January 1906), starting at page 57 and continuing into the next three issues (pg 37:57-66, 97-103, 203-208, 251-266
I could use
* Source: [https://www.wikitree.com/wiki/Space:Sources-Rowley%2C_Rowley_Name_Study Brainard, Homer W. Henry Rowley and Some of His Descendants] pg 60-62
To get what you actually want, I could number them on the page by putting a # in front them them instead of a * and then
* Source: [https://www.wikitree.com/wiki/Space:Sources-Rowley%2C_Rowley_Name_Study Rowley Sources #4], pg 60-2
though the second choice isn't as elegant and the numbers could change on the page if I insert a reference at the top of the page.
I'm not sure how you use the <span>s to reference the URL instead.